@xleddyl/443-components-vue 0.5.0 → 0.6.2

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 (315) hide show
  1. package/README.md +25 -6
  2. package/dist/chart/BarChart.vue +11 -4
  3. package/dist/chart/BarChart.vue.d.ts +2 -0
  4. package/dist/chart/ChartLegend.vue +43 -4
  5. package/dist/chart/ChartLegend.vue.d.ts +4 -2
  6. package/dist/chart/ChartPanel.vue +10 -10
  7. package/dist/chart/ChartPanel.vue.d.ts +11 -8
  8. package/dist/chart/ChartSummary.vue +8 -3
  9. package/dist/chart/ChartSummary.vue.d.ts +3 -1
  10. package/dist/chart/DoughnutChart.vue +11 -4
  11. package/dist/chart/LineChart.vue +8 -2
  12. package/dist/chart/LineChart.vue.d.ts +2 -0
  13. package/dist/chart/chart.css +19 -0
  14. package/dist/chart/patterns.d.ts +6 -0
  15. package/dist/chart/patterns.mjs +79 -0
  16. package/dist/chart/types.d.ts +5 -0
  17. package/dist/chart/useChartColors.mjs +1 -1
  18. package/dist/components/core/Button.vue +11 -1
  19. package/dist/components/core/Button.vue.d.ts +1 -1
  20. package/dist/components/core/FieldMessage.vue +6 -0
  21. package/dist/components/core/FieldMessage.vue.d.ts +1 -1
  22. package/dist/components/core/Form.vue +18 -1
  23. package/dist/components/core/FormAlerts.vue +41 -3
  24. package/dist/components/core/FormField.vue +43 -24
  25. package/dist/components/core/Input.vue.d.ts +6 -6
  26. package/dist/components/core/Root.vue +6 -1
  27. package/dist/components/core/Root.vue.d.ts +2 -2
  28. package/dist/components/core/Spinner.vue +6 -11
  29. package/dist/components/core/Spinner.vue.d.ts +2 -2
  30. package/dist/components/core/Textarea.vue.d.ts +2 -2
  31. package/dist/components/core/VisuallyHidden.vue.d.ts +2 -2
  32. package/dist/components/data/Avatar.vue +8 -5
  33. package/dist/components/data/AvatarGroup.vue +6 -3
  34. package/dist/components/data/Badge.vue.d.ts +1 -1
  35. package/dist/components/data/FilterPills.vue +18 -2
  36. package/dist/components/data/Pagination.vue +24 -18
  37. package/dist/components/data/Pagination.vue.d.ts +2 -2
  38. package/dist/components/data/SelectionBar.vue +32 -3
  39. package/dist/components/data/Stat.vue +7 -1
  40. package/dist/components/data/Stat.vue.d.ts +2 -2
  41. package/dist/components/data/Table.vue +62 -14
  42. package/dist/components/data/Tag.vue +24 -4
  43. package/dist/components/data/Tag.vue.d.ts +3 -3
  44. package/dist/components/data/Timeline.vue +12 -1
  45. package/dist/components/data/Tree.vue +137 -36
  46. package/dist/components/data/Tree.vue.d.ts +13 -14
  47. package/dist/components/data/types.d.ts +2 -1
  48. package/dist/components/feedback/Alert.vue +18 -9
  49. package/dist/components/feedback/Alert.vue.d.ts +2 -2
  50. package/dist/components/feedback/LoadingOverlay.vue +35 -3
  51. package/dist/components/feedback/Meter.vue +28 -3
  52. package/dist/components/feedback/Progress.vue +2 -7
  53. package/dist/components/feedback/Progress.vue.d.ts +1 -1
  54. package/dist/components/feedback/ProgressRing.vue +2 -6
  55. package/dist/components/feedback/ProgressRing.vue.d.ts +1 -1
  56. package/dist/components/forms/Calendar.vue +49 -26
  57. package/dist/components/forms/Calendar.vue.d.ts +9 -5
  58. package/dist/components/forms/CheckboxGroup.vue +14 -4
  59. package/dist/components/forms/CheckboxGroup.vue.d.ts +1 -0
  60. package/dist/components/forms/ColorInput.vue +68 -15
  61. package/dist/components/forms/ColorInput.vue.d.ts +16 -13
  62. package/dist/components/forms/Combobox.vue +18 -4
  63. package/dist/components/forms/DateInput.vue.d.ts +6 -6
  64. package/dist/components/forms/DatePicker.vue +23 -7
  65. package/dist/components/forms/DatePicker.vue.d.ts +4 -2
  66. package/dist/components/forms/FileInput.vue +31 -13
  67. package/dist/components/forms/FileInput.vue.d.ts +2 -2
  68. package/dist/components/forms/InputAddon.vue +18 -2
  69. package/dist/components/forms/InputGroup.vue +27 -0
  70. package/dist/components/forms/InputGroup.vue.d.ts +2 -0
  71. package/dist/components/forms/NumberInput.vue +6 -7
  72. package/dist/components/forms/NumberInput.vue.d.ts +6 -6
  73. package/dist/components/forms/PasswordInput.vue +12 -6
  74. package/dist/components/forms/PasswordInput.vue.d.ts +6 -7
  75. package/dist/components/forms/PinInput.vue +11 -1
  76. package/dist/components/forms/PinInput.vue.d.ts +8 -6
  77. package/dist/components/forms/RadioGroup.vue +15 -5
  78. package/dist/components/forms/RadioGroup.vue.d.ts +1 -0
  79. package/dist/components/forms/SegmentedControl.vue +15 -10
  80. package/dist/components/forms/SegmentedControl.vue.d.ts +1 -0
  81. package/dist/components/forms/Slider.vue +9 -0
  82. package/dist/components/forms/Slider.vue.d.ts +8 -6
  83. package/dist/components/forms/Switch.vue +7 -0
  84. package/dist/components/forms/Switch.vue.d.ts +2 -2
  85. package/dist/components/forms/TimeInput.vue.d.ts +6 -6
  86. package/dist/components/forms/types.d.ts +4 -0
  87. package/dist/components/layout/Accordion.vue.d.ts +2 -2
  88. package/dist/components/layout/AppShell.vue +40 -18
  89. package/dist/components/layout/AppShell.vue.d.ts +11 -9
  90. package/dist/components/layout/Card.vue +50 -16
  91. package/dist/components/layout/Card.vue.d.ts +13 -11
  92. package/dist/components/layout/CopyButton.vue +13 -5
  93. package/dist/components/layout/CopyButton.vue.d.ts +3 -3
  94. package/dist/components/layout/NavLink.vue +10 -1
  95. package/dist/components/layout/NavLink.vue.d.ts +2 -2
  96. package/dist/components/layout/PageHeader.vue +2 -2
  97. package/dist/components/layout/Separator.vue +6 -3
  98. package/dist/components/layout/Sidebar.vue +14 -7
  99. package/dist/components/layout/Sidebar.vue.d.ts +0 -2
  100. package/dist/components/layout/SidebarNav.vue +16 -44
  101. package/dist/components/layout/Stack.vue.d.ts +2 -2
  102. package/dist/components/layout/Tabs.vue +10 -18
  103. package/dist/components/layout/Tabs.vue.d.ts +2 -2
  104. package/dist/components/layout/Toolbar.vue +10 -4
  105. package/dist/components/layout/Toolbar.vue.d.ts +1 -0
  106. package/dist/components/layout/types.d.ts +1 -0
  107. package/dist/components/overlays/CommandPalette.vue +8 -4
  108. package/dist/components/overlays/CommandPalette.vue.d.ts +3 -8
  109. package/dist/components/overlays/ConfirmDialog.vue +7 -5
  110. package/dist/components/overlays/ConfirmDialog.vue.d.ts +12 -8
  111. package/dist/components/overlays/ConfirmHost.vue +22 -19
  112. package/dist/components/overlays/ConfirmHost.vue.d.ts +8 -6
  113. package/dist/components/overlays/ContextMenu.vue +9 -11
  114. package/dist/components/overlays/ContextMenu.vue.d.ts +2 -2
  115. package/dist/components/overlays/Drawer.vue +2 -0
  116. package/dist/components/overlays/Drawer.vue.d.ts +4 -2
  117. package/dist/components/overlays/DropdownMenu.vue +13 -21
  118. package/dist/components/overlays/DropdownMenu.vue.d.ts +2 -2
  119. package/dist/components/overlays/HoverCard.vue +8 -2
  120. package/dist/components/overlays/HoverCard.vue.d.ts +2 -2
  121. package/dist/components/overlays/Modal.vue +2 -0
  122. package/dist/components/overlays/Modal.vue.d.ts +4 -2
  123. package/dist/components/overlays/Popover.vue +19 -4
  124. package/dist/components/overlays/Popover.vue.d.ts +2 -2
  125. package/dist/components/overlays/Toaster.vue +39 -7
  126. package/dist/components/overlays/Tooltip.vue +39 -14
  127. package/dist/components/overlays/types.d.ts +6 -0
  128. package/dist/components/templates/AccountMenu.vue.d.ts +2 -2
  129. package/dist/components/templates/AppearanceSettings.vue +83 -77
  130. package/dist/components/templates/AppearanceSettings.vue.d.ts +2 -2
  131. package/dist/components/templates/AuthLayout.vue +2 -2
  132. package/dist/components/templates/Brand.vue.d.ts +2 -2
  133. package/dist/components/templates/DashboardLayout.vue +3 -7
  134. package/dist/components/templates/DashboardLayout.vue.d.ts +8 -18
  135. package/dist/components/templates/DetailPage.vue +3 -1
  136. package/dist/components/templates/DetailPage.vue.d.ts +2 -2
  137. package/dist/components/templates/ErrorPage.vue +11 -5
  138. package/dist/components/templates/ErrorPage.vue.d.ts +10 -6
  139. package/dist/components/templates/FormPage.vue +16 -3
  140. package/dist/components/templates/ListPage.vue +19 -6
  141. package/dist/components/templates/ListPage.vue.d.ts +1 -0
  142. package/dist/components/templates/NotFoundPage.vue +2 -0
  143. package/dist/components/templates/NotFoundPage.vue.d.ts +4 -0
  144. package/dist/components/templates/SaveBar.vue +18 -3
  145. package/dist/components/templates/SaveBar.vue.d.ts +5 -5
  146. package/dist/components/templates/SettingsGroup.vue +1 -1
  147. package/dist/components/templates/SettingsGroup.vue.d.ts +3 -1
  148. package/dist/components/templates/SettingsModal.vue +73 -46
  149. package/dist/components/templates/SettingsModal.vue.d.ts +9 -11
  150. package/dist/components/templates/SettingsPage.vue.d.ts +2 -2
  151. package/dist/components/templates/SettingsSection.vue.d.ts +4 -2
  152. package/dist/components/templates/types.d.ts +4 -0
  153. package/dist/composables/useAlert.mjs +5 -10
  154. package/dist/composables/useConfirm.mjs +5 -5
  155. package/dist/composables/useField.d.ts +4 -0
  156. package/dist/composables/useField.mjs +16 -5
  157. package/dist/composables/useFileDrop.mjs +2 -1
  158. package/dist/composables/useOverlay.mjs +2 -1
  159. package/dist/composables/usePreset.mjs +4 -10
  160. package/dist/composables/usePrompt.mjs +6 -13
  161. package/dist/composables/useScrollLock.mjs +4 -3
  162. package/dist/composables/useTheme.mjs +3 -11
  163. package/dist/composables/useToast.mjs +2 -1
  164. package/dist/editor/RichTextEditor.vue +31 -6
  165. package/dist/editor/RichTextEditor.vue.d.ts +2 -2
  166. package/dist/editor/rich-text-editor.css +9 -4
  167. package/dist/grid/DataGrid.vue +72 -12
  168. package/dist/grid/GridToolbar.vue +1 -1
  169. package/dist/grid/GridToolbar.vue.d.ts +2 -2
  170. package/dist/grid/cells/BadgeCell.vue +3 -1
  171. package/dist/grid/cells/BadgeCell.vue.d.ts +17 -3
  172. package/dist/grid/cells/DateCell.vue +3 -1
  173. package/dist/grid/cells/DateCell.vue.d.ts +17 -3
  174. package/dist/grid/cells/EmptyCell.vue +15 -0
  175. package/dist/grid/cells/EmptyCell.vue.d.ts +392 -0
  176. package/dist/grid/cells/LinkCell.vue +9 -2
  177. package/dist/grid/cells/LinkCell.vue.d.ts +17 -3
  178. package/dist/grid/data-grid.css +5 -5
  179. package/dist/grid/types.d.ts +2 -0
  180. package/dist/internal/core/ButtonContent.vue +3 -0
  181. package/dist/internal/core/LiveRegion.vue +26 -0
  182. package/dist/internal/core/LiveRegion.vue.d.ts +393 -0
  183. package/dist/internal/core/copy.d.ts +6 -0
  184. package/dist/internal/core/copy.mjs +14 -0
  185. package/dist/internal/core/focus.d.ts +6 -0
  186. package/dist/internal/core/focus.mjs +46 -0
  187. package/dist/internal/core/intl.d.ts +4 -2
  188. package/dist/internal/core/intl.mjs +23 -22
  189. package/dist/internal/core/live.d.ts +6 -0
  190. package/dist/internal/core/live.mjs +22 -0
  191. package/dist/internal/core/preset.d.ts +0 -1
  192. package/dist/internal/core/preset.mjs +4 -14
  193. package/dist/internal/core/resize.d.ts +1 -0
  194. package/dist/internal/core/resize.mjs +11 -0
  195. package/dist/internal/core/roving.d.ts +7 -0
  196. package/dist/internal/core/roving.mjs +19 -1
  197. package/dist/internal/core/scroll-edges.d.ts +5 -0
  198. package/dist/internal/core/scroll-edges.mjs +63 -0
  199. package/dist/internal/core/storage.d.ts +2 -0
  200. package/dist/internal/core/storage.mjs +8 -0
  201. package/dist/internal/core/theme.d.ts +0 -1
  202. package/dist/internal/core/theme.mjs +4 -13
  203. package/dist/internal/core/tone.d.ts +1 -0
  204. package/dist/internal/core/tone.mjs +4 -0
  205. package/dist/internal/core/transition.d.ts +1 -0
  206. package/dist/internal/core/transition.mjs +20 -0
  207. package/dist/internal/data/rows.mjs +6 -5
  208. package/dist/internal/data/tree.d.ts +2 -3
  209. package/dist/internal/feedback/LoadingHost.vue +16 -6
  210. package/dist/internal/feedback/loading.mjs +2 -1
  211. package/dist/internal/feedback/progress.d.ts +12 -0
  212. package/dist/internal/feedback/progress.mjs +13 -0
  213. package/dist/internal/floating/layer.d.ts +1 -1
  214. package/dist/internal/floating/layer.mjs +17 -10
  215. package/dist/internal/forms/keys.d.ts +4 -0
  216. package/dist/internal/forms/keys.mjs +1 -0
  217. package/dist/internal/forms/name.d.ts +2 -0
  218. package/dist/internal/forms/name.mjs +12 -0
  219. package/dist/internal/forms/standard-schema.d.ts +0 -2
  220. package/dist/internal/forms/standard-schema.mjs +0 -18
  221. package/dist/internal/layout/NavGroup.vue +104 -0
  222. package/dist/internal/layout/NavGroup.vue.d.ts +412 -0
  223. package/dist/internal/overlays/DialogFrame.vue +53 -6
  224. package/dist/internal/overlays/DialogFrame.vue.d.ts +5 -2
  225. package/dist/internal/overlays/MenuList.vue +4 -11
  226. package/dist/internal/overlays/MenuList.vue.d.ts +6 -6
  227. package/dist/internal/overlays/OverlayView.vue +2 -0
  228. package/dist/internal/overlays/OverlayView.vue.d.ts +8 -6
  229. package/dist/internal/overlays/confirm.d.ts +6 -1
  230. package/dist/internal/overlays/confirm.mjs +5 -2
  231. package/dist/internal/overlays/dialog.d.ts +1 -0
  232. package/dist/internal/overlays/dialog.mjs +9 -9
  233. package/dist/internal/overlays/hover.d.ts +1 -0
  234. package/dist/internal/overlays/hover.mjs +20 -3
  235. package/dist/internal/overlays/menu.d.ts +9 -0
  236. package/dist/internal/overlays/menu.mjs +15 -0
  237. package/dist/internal/overlays/stack.d.ts +1 -0
  238. package/dist/locale/en.mjs +70 -18
  239. package/dist/locale/index.d.ts +1 -1
  240. package/dist/locale/index.mjs +5 -11
  241. package/dist/locale/it.mjs +70 -18
  242. package/dist/locale/types.d.ts +54 -2
  243. package/dist/nuxt/runtime/RouteAnnouncer.vue +21 -0
  244. package/dist/nuxt/runtime/RouteAnnouncer.vue.d.ts +3 -0
  245. package/dist/nuxt/runtime/layout-head.d.ts +2 -0
  246. package/dist/nuxt/runtime/layout-head.mjs +13 -0
  247. package/dist/nuxt/runtime/layouts/auth.vue +4 -0
  248. package/dist/nuxt/runtime/layouts/auth.vue.d.ts +2 -2
  249. package/dist/nuxt/runtime/layouts/dashboard.vue +4 -0
  250. package/dist/nuxt/runtime/layouts/dashboard.vue.d.ts +2 -2
  251. package/dist/nuxt/runtime/locale.mjs +9 -1
  252. package/dist/nuxt/runtime/theme.mjs +17 -12
  253. package/dist/styles/base.css +0 -13
  254. package/dist/styles/core/button.css +8 -8
  255. package/dist/styles/core/field-message.css +2 -2
  256. package/dist/styles/core/form-field.css +11 -2
  257. package/dist/styles/core/input.css +4 -7
  258. package/dist/styles/core/kbd.css +0 -1
  259. package/dist/styles/data/badge.css +8 -4
  260. package/dist/styles/data/description-list.css +2 -2
  261. package/dist/styles/data/filter-pills.css +5 -8
  262. package/dist/styles/data/pagination.css +2 -2
  263. package/dist/styles/data/stat.css +3 -3
  264. package/dist/styles/data/table.css +2 -2
  265. package/dist/styles/data/tag.css +1 -2
  266. package/dist/styles/data/timeline.css +1 -1
  267. package/dist/styles/data/tree.css +31 -10
  268. package/dist/styles/feedback/alert.css +0 -3
  269. package/dist/styles/feedback/loading-host.css +4 -0
  270. package/dist/styles/feedback/loading-overlay.css +4 -0
  271. package/dist/styles/forced-colors.css +215 -0
  272. package/dist/styles/forms/calendar.css +2 -2
  273. package/dist/styles/forms/choice.css +2 -2
  274. package/dist/styles/forms/color-input.css +1 -1
  275. package/dist/styles/forms/combobox.css +2 -24
  276. package/dist/styles/forms/date-input.css +2 -2
  277. package/dist/styles/forms/date-picker.css +3 -7
  278. package/dist/styles/forms/file-input.css +4 -3
  279. package/dist/styles/forms/input-group.css +6 -0
  280. package/dist/styles/forms/number-input.css +2 -2
  281. package/dist/styles/forms/password-input.css +5 -2
  282. package/dist/styles/forms/pin-input.css +4 -2
  283. package/dist/styles/forms/segmented.css +2 -2
  284. package/dist/styles/forms/select.css +6 -6
  285. package/dist/styles/forms/slider.css +5 -4
  286. package/dist/styles/forms/switch.css +5 -1
  287. package/dist/styles/index.css +1 -0
  288. package/dist/styles/layout/app-shell.css +15 -3
  289. package/dist/styles/layout/copy-button.css +1 -1
  290. package/dist/styles/layout/nav-link.css +1 -33
  291. package/dist/styles/layout/separator.css +1 -1
  292. package/dist/styles/layout/sidebar-nav.css +15 -4
  293. package/dist/styles/layout/sidebar.css +20 -6
  294. package/dist/styles/layout/tabs.css +9 -4
  295. package/dist/styles/layout/theme-switch.css +0 -6
  296. package/dist/styles/overlays/command.css +9 -15
  297. package/dist/styles/overlays/confirm.css +1 -1
  298. package/dist/styles/overlays/drawer.css +0 -1
  299. package/dist/styles/overlays/menu.css +2 -17
  300. package/dist/styles/overlays/modal.css +29 -6
  301. package/dist/styles/overlays/toast.css +1 -2
  302. package/dist/styles/presets.css +4 -4
  303. package/dist/styles/shared.css +96 -3
  304. package/dist/styles/templates/account-menu.css +3 -3
  305. package/dist/styles/templates/auth-layout.css +1 -1
  306. package/dist/styles/templates/brand.css +3 -3
  307. package/dist/styles/templates/empty-page.css +1 -1
  308. package/dist/styles/templates/form-page.css +10 -0
  309. package/dist/styles/templates/save-bar.css +10 -0
  310. package/dist/styles/templates/settings-modal.css +42 -44
  311. package/dist/styles/templates/settings-page.css +3 -3
  312. package/dist/styles/tokens.css +12 -2
  313. package/package.json +1 -1
  314. package/dist/internal/overlays/focus.d.ts +0 -1
  315. package/dist/internal/overlays/focus.mjs +0 -24
@@ -1,4 +1,4 @@
1
- import type { DateCellParams } from '../types';
1
+ import type { DateCellParams, GridCellContext } from '../types';
2
2
  declare const __VLS_export: import("vue").DefineComponent<{
3
3
  params: import("ag-grid-community").ICellRendererParams<any, any, any> & DateCellParams;
4
4
  datetime?: string | undefined | undefined;
@@ -47,7 +47,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
47
47
  is?: string | undefined | undefined;
48
48
  exportparts?: string | undefined;
49
49
  part?: string | undefined;
50
- popover?: (import("../..").PopoverMode | "" | boolean) | undefined;
50
+ popover?: (import("../../index.ts").PopoverMode | "" | boolean) | undefined;
51
51
  'aria-activedescendant'?: string | undefined | undefined;
52
52
  'aria-atomic'?: (boolean | "true" | "false") | undefined;
53
53
  'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined | undefined;
@@ -194,6 +194,13 @@ declare const __VLS_export: import("vue").DefineComponent<{
194
194
  ref?: import("vue").VNodeRef | undefined;
195
195
  ref_for?: boolean | undefined | undefined;
196
196
  ref_key?: string | undefined | undefined;
197
+ context?: GridCellContext;
198
+ onVnodeBeforeMount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
199
+ onVnodeMounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
200
+ onVnodeBeforeUpdate?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
201
+ onVnodeUpdated?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
202
+ onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
203
+ onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
197
204
  }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
198
205
  params: import("ag-grid-community").ICellRendererParams<any, any, any> & DateCellParams;
199
206
  datetime?: string | undefined | undefined;
@@ -242,7 +249,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
242
249
  is?: string | undefined | undefined;
243
250
  exportparts?: string | undefined;
244
251
  part?: string | undefined;
245
- popover?: (import("../..").PopoverMode | "" | boolean) | undefined;
252
+ popover?: (import("../../index.ts").PopoverMode | "" | boolean) | undefined;
246
253
  'aria-activedescendant'?: string | undefined | undefined;
247
254
  'aria-atomic'?: (boolean | "true" | "false") | undefined;
248
255
  'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined | undefined;
@@ -389,6 +396,13 @@ declare const __VLS_export: import("vue").DefineComponent<{
389
396
  ref?: import("vue").VNodeRef | undefined;
390
397
  ref_for?: boolean | undefined | undefined;
391
398
  ref_key?: string | undefined | undefined;
399
+ context?: GridCellContext;
400
+ onVnodeBeforeMount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
401
+ onVnodeMounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
402
+ onVnodeBeforeUpdate?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
403
+ onVnodeUpdated?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
404
+ onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
405
+ onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
392
406
  }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
393
407
  declare const _default: typeof __VLS_export;
394
408
  export default _default;
@@ -0,0 +1,15 @@
1
+ <template>
2
+ <span
3
+ ><span class="k-data-grid-empty" aria-hidden="true">-</span
4
+ ><span class="k-visually-hidden">{{
5
+ context?.emptyText ?? en.messages.common.empty
6
+ }}</span></span
7
+ >
8
+ </template>
9
+
10
+ <script setup>
11
+ import { en } from "../../locale/en";
12
+ defineProps({
13
+ context: { type: Object, required: false }
14
+ });
15
+ </script>
@@ -0,0 +1,392 @@
1
+ import type { GridCellContext } from '../types';
2
+ declare const __VLS_export: import("vue").DefineComponent<{
3
+ context?: GridCellContext;
4
+ innerHTML?: string | undefined | undefined;
5
+ class?: import("vue").ClassValue;
6
+ style?: import("vue").StyleValue;
7
+ accesskey?: string | undefined | undefined;
8
+ contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
9
+ contextmenu?: string | undefined | undefined;
10
+ dir?: string | undefined | undefined;
11
+ draggable?: (boolean | "true" | "false") | undefined;
12
+ enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
13
+ enterKeyHint?: "search" | "done" | "previous" | "next" | "enter" | "go" | "send" | undefined;
14
+ hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
15
+ id?: string | undefined | undefined;
16
+ inert?: (boolean | "true" | "false") | undefined;
17
+ lang?: string | undefined | undefined;
18
+ placeholder?: string | undefined | undefined;
19
+ spellcheck?: (boolean | "true" | "false") | undefined;
20
+ tabindex?: (string | number) | undefined;
21
+ title?: string | undefined | undefined;
22
+ translate?: "yes" | "no" | undefined | undefined;
23
+ radiogroup?: string | undefined | undefined;
24
+ role?: string | undefined | undefined;
25
+ about?: string | undefined | undefined;
26
+ datatype?: string | undefined | undefined;
27
+ inlist?: any;
28
+ prefix?: string | undefined | undefined;
29
+ property?: string | undefined | undefined;
30
+ resource?: string | undefined | undefined;
31
+ typeof?: string | undefined | undefined;
32
+ vocab?: string | undefined | undefined;
33
+ autocapitalize?: string | undefined | undefined;
34
+ autocorrect?: string | undefined | undefined;
35
+ autosave?: string | undefined | undefined;
36
+ color?: string | undefined | undefined;
37
+ itemprop?: string | undefined | undefined;
38
+ itemscope?: (boolean | "true" | "false") | undefined;
39
+ itemtype?: string | undefined | undefined;
40
+ itemid?: string | undefined | undefined;
41
+ itemref?: string | undefined | undefined;
42
+ results?: (string | number) | undefined;
43
+ security?: string | undefined | undefined;
44
+ unselectable?: "on" | "off" | undefined | undefined;
45
+ inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
46
+ is?: string | undefined | undefined;
47
+ exportparts?: string | undefined;
48
+ part?: string | undefined;
49
+ popover?: (import("../..").PopoverMode | "" | boolean) | undefined;
50
+ 'aria-activedescendant'?: string | undefined | undefined;
51
+ 'aria-atomic'?: (boolean | "true" | "false") | undefined;
52
+ 'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined | undefined;
53
+ 'aria-busy'?: (boolean | "true" | "false") | undefined;
54
+ 'aria-checked'?: (boolean | "true" | "false") | "mixed" | undefined;
55
+ 'aria-colcount'?: (string | number) | undefined;
56
+ 'aria-colindex'?: (string | number) | undefined;
57
+ 'aria-colspan'?: (string | number) | undefined;
58
+ 'aria-controls'?: string | undefined | undefined;
59
+ 'aria-current'?: "page" | "time" | (boolean | "true" | "false") | "step" | "location" | "date" | undefined;
60
+ 'aria-describedby'?: string | undefined | undefined;
61
+ 'aria-details'?: string | undefined | undefined;
62
+ 'aria-disabled'?: (boolean | "true" | "false") | undefined;
63
+ 'aria-dropeffect'?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
64
+ 'aria-errormessage'?: string | undefined | undefined;
65
+ 'aria-expanded'?: (boolean | "true" | "false") | undefined;
66
+ 'aria-flowto'?: string | undefined | undefined;
67
+ 'aria-grabbed'?: (boolean | "true" | "false") | undefined;
68
+ 'aria-haspopup'?: "grid" | "tree" | "dialog" | "menu" | (boolean | "true" | "false") | "listbox" | undefined;
69
+ 'aria-hidden'?: (boolean | "true" | "false") | undefined;
70
+ 'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
71
+ 'aria-keyshortcuts'?: string | undefined | undefined;
72
+ 'aria-label'?: string | undefined | undefined;
73
+ 'aria-labelledby'?: string | undefined | undefined;
74
+ 'aria-level'?: (string | number) | undefined;
75
+ 'aria-live'?: "off" | "assertive" | "polite" | undefined | undefined;
76
+ 'aria-modal'?: (boolean | "true" | "false") | undefined;
77
+ 'aria-multiline'?: (boolean | "true" | "false") | undefined;
78
+ 'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
79
+ 'aria-orientation'?: "horizontal" | "vertical" | undefined | undefined;
80
+ 'aria-owns'?: string | undefined | undefined;
81
+ 'aria-placeholder'?: string | undefined | undefined;
82
+ 'aria-posinset'?: (string | number) | undefined;
83
+ 'aria-pressed'?: (boolean | "true" | "false") | "mixed" | undefined;
84
+ 'aria-readonly'?: (boolean | "true" | "false") | undefined;
85
+ 'aria-relevant'?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
86
+ 'aria-required'?: (boolean | "true" | "false") | undefined;
87
+ 'aria-roledescription'?: string | undefined | undefined;
88
+ 'aria-rowcount'?: (string | number) | undefined;
89
+ 'aria-rowindex'?: (string | number) | undefined;
90
+ 'aria-rowspan'?: (string | number) | undefined;
91
+ 'aria-selected'?: (boolean | "true" | "false") | undefined;
92
+ 'aria-setsize'?: (string | number) | undefined;
93
+ 'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
94
+ 'aria-valuemax'?: (string | number) | undefined;
95
+ 'aria-valuemin'?: (string | number) | undefined;
96
+ 'aria-valuenow'?: (string | number) | undefined;
97
+ 'aria-valuetext'?: string | undefined | undefined;
98
+ onCopy?: ((payload: ClipboardEvent) => void) | undefined;
99
+ onCut?: ((payload: ClipboardEvent) => void) | undefined;
100
+ onPaste?: ((payload: ClipboardEvent) => void) | undefined;
101
+ onCompositionend?: ((payload: CompositionEvent) => void) | undefined;
102
+ onCompositionstart?: ((payload: CompositionEvent) => void) | undefined;
103
+ onCompositionupdate?: ((payload: CompositionEvent) => void) | undefined;
104
+ onDrag?: ((payload: DragEvent) => void) | undefined;
105
+ onDragend?: ((payload: DragEvent) => void) | undefined;
106
+ onDragenter?: ((payload: DragEvent) => void) | undefined;
107
+ onDragexit?: ((payload: DragEvent) => void) | undefined;
108
+ onDragleave?: ((payload: DragEvent) => void) | undefined;
109
+ onDragover?: ((payload: DragEvent) => void) | undefined;
110
+ onDragstart?: ((payload: DragEvent) => void) | undefined;
111
+ onDrop?: ((payload: DragEvent) => void) | undefined;
112
+ onFocus?: ((payload: FocusEvent) => void) | undefined;
113
+ onFocusin?: ((payload: FocusEvent) => void) | undefined;
114
+ onFocusout?: ((payload: FocusEvent) => void) | undefined;
115
+ onBlur?: ((payload: FocusEvent) => void) | undefined;
116
+ onChange?: ((payload: Event) => void) | undefined;
117
+ onBeforeinput?: ((payload: InputEvent) => void) | undefined;
118
+ onFormdata?: ((payload: FormDataEvent) => void) | undefined;
119
+ onInput?: ((payload: InputEvent) => void) | undefined;
120
+ onReset?: ((payload: Event) => void) | undefined;
121
+ onSubmit?: ((payload: SubmitEvent) => void) | undefined;
122
+ onInvalid?: ((payload: Event) => void) | undefined;
123
+ onFullscreenchange?: ((payload: Event) => void) | undefined;
124
+ onFullscreenerror?: ((payload: Event) => void) | undefined;
125
+ onLoad?: ((payload: Event) => void) | undefined;
126
+ onError?: ((payload: Event) => void) | undefined;
127
+ onKeydown?: ((payload: KeyboardEvent) => void) | undefined;
128
+ onKeypress?: ((payload: KeyboardEvent) => void) | undefined;
129
+ onKeyup?: ((payload: KeyboardEvent) => void) | undefined;
130
+ onDblclick?: ((payload: MouseEvent) => void) | undefined;
131
+ onMousedown?: ((payload: MouseEvent) => void) | undefined;
132
+ onMouseenter?: ((payload: MouseEvent) => void) | undefined;
133
+ onMouseleave?: ((payload: MouseEvent) => void) | undefined;
134
+ onMousemove?: ((payload: MouseEvent) => void) | undefined;
135
+ onMouseout?: ((payload: MouseEvent) => void) | undefined;
136
+ onMouseover?: ((payload: MouseEvent) => void) | undefined;
137
+ onMouseup?: ((payload: MouseEvent) => void) | undefined;
138
+ onAbort?: ((payload: UIEvent) => void) | undefined;
139
+ onCanplay?: ((payload: Event) => void) | undefined;
140
+ onCanplaythrough?: ((payload: Event) => void) | undefined;
141
+ onDurationchange?: ((payload: Event) => void) | undefined;
142
+ onEmptied?: ((payload: Event) => void) | undefined;
143
+ onEncrypted?: ((payload: MediaEncryptedEvent) => void) | undefined;
144
+ onEnded?: ((payload: Event) => void) | undefined;
145
+ onLoadeddata?: ((payload: Event) => void) | undefined;
146
+ onLoadedmetadata?: ((payload: Event) => void) | undefined;
147
+ onLoadstart?: ((payload: Event) => void) | undefined;
148
+ onPause?: ((payload: Event) => void) | undefined;
149
+ onPlay?: ((payload: Event) => void) | undefined;
150
+ onPlaying?: ((payload: Event) => void) | undefined;
151
+ onProgress?: ((payload: ProgressEvent<EventTarget>) => void) | undefined;
152
+ onRatechange?: ((payload: Event) => void) | undefined;
153
+ onSeeked?: ((payload: Event) => void) | undefined;
154
+ onSeeking?: ((payload: Event) => void) | undefined;
155
+ onStalled?: ((payload: Event) => void) | undefined;
156
+ onSuspend?: ((payload: Event) => void) | undefined;
157
+ onTimeupdate?: ((payload: Event) => void) | undefined;
158
+ onVolumechange?: ((payload: Event) => void) | undefined;
159
+ onWaiting?: ((payload: Event) => void) | undefined;
160
+ onSelect?: ((payload: Event) => void) | undefined;
161
+ onScroll?: ((payload: Event) => void) | undefined;
162
+ onScrollend?: ((payload: Event) => void) | undefined;
163
+ onTouchcancel?: ((payload: TouchEvent) => void) | undefined;
164
+ onTouchend?: ((payload: TouchEvent) => void) | undefined;
165
+ onTouchmove?: ((payload: TouchEvent) => void) | undefined;
166
+ onTouchstart?: ((payload: TouchEvent) => void) | undefined;
167
+ onAuxclick?: ((payload: PointerEvent) => void) | undefined;
168
+ onClick?: ((payload: PointerEvent) => void) | undefined;
169
+ onContextmenu?: ((payload: PointerEvent) => void) | undefined;
170
+ onGotpointercapture?: ((payload: PointerEvent) => void) | undefined;
171
+ onLostpointercapture?: ((payload: PointerEvent) => void) | undefined;
172
+ onPointerdown?: ((payload: PointerEvent) => void) | undefined;
173
+ onPointermove?: ((payload: PointerEvent) => void) | undefined;
174
+ onPointerup?: ((payload: PointerEvent) => void) | undefined;
175
+ onPointercancel?: ((payload: PointerEvent) => void) | undefined;
176
+ onPointerenter?: ((payload: PointerEvent) => void) | undefined;
177
+ onPointerleave?: ((payload: PointerEvent) => void) | undefined;
178
+ onPointerover?: ((payload: PointerEvent) => void) | undefined;
179
+ onPointerout?: ((payload: PointerEvent) => void) | undefined;
180
+ onBeforetoggle?: ((payload: ToggleEvent) => void) | undefined;
181
+ onToggle?: ((payload: ToggleEvent) => void) | undefined;
182
+ onWheel?: ((payload: WheelEvent) => void) | undefined;
183
+ onAnimationcancel?: ((payload: AnimationEvent) => void) | undefined;
184
+ onAnimationstart?: ((payload: AnimationEvent) => void) | undefined;
185
+ onAnimationend?: ((payload: AnimationEvent) => void) | undefined;
186
+ onAnimationiteration?: ((payload: AnimationEvent) => void) | undefined;
187
+ onSecuritypolicyviolation?: ((payload: SecurityPolicyViolationEvent) => void) | undefined;
188
+ onTransitioncancel?: ((payload: TransitionEvent) => void) | undefined;
189
+ onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
190
+ onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
191
+ onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
192
+ key?: PropertyKey | undefined;
193
+ ref?: import("vue").VNodeRef | undefined;
194
+ ref_for?: boolean | undefined | undefined;
195
+ ref_key?: string | undefined | undefined;
196
+ }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
197
+ context?: GridCellContext;
198
+ innerHTML?: string | undefined | undefined;
199
+ class?: import("vue").ClassValue;
200
+ style?: import("vue").StyleValue;
201
+ accesskey?: string | undefined | undefined;
202
+ contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
203
+ contextmenu?: string | undefined | undefined;
204
+ dir?: string | undefined | undefined;
205
+ draggable?: (boolean | "true" | "false") | undefined;
206
+ enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
207
+ enterKeyHint?: "search" | "done" | "previous" | "next" | "enter" | "go" | "send" | undefined;
208
+ hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
209
+ id?: string | undefined | undefined;
210
+ inert?: (boolean | "true" | "false") | undefined;
211
+ lang?: string | undefined | undefined;
212
+ placeholder?: string | undefined | undefined;
213
+ spellcheck?: (boolean | "true" | "false") | undefined;
214
+ tabindex?: (string | number) | undefined;
215
+ title?: string | undefined | undefined;
216
+ translate?: "yes" | "no" | undefined | undefined;
217
+ radiogroup?: string | undefined | undefined;
218
+ role?: string | undefined | undefined;
219
+ about?: string | undefined | undefined;
220
+ datatype?: string | undefined | undefined;
221
+ inlist?: any;
222
+ prefix?: string | undefined | undefined;
223
+ property?: string | undefined | undefined;
224
+ resource?: string | undefined | undefined;
225
+ typeof?: string | undefined | undefined;
226
+ vocab?: string | undefined | undefined;
227
+ autocapitalize?: string | undefined | undefined;
228
+ autocorrect?: string | undefined | undefined;
229
+ autosave?: string | undefined | undefined;
230
+ color?: string | undefined | undefined;
231
+ itemprop?: string | undefined | undefined;
232
+ itemscope?: (boolean | "true" | "false") | undefined;
233
+ itemtype?: string | undefined | undefined;
234
+ itemid?: string | undefined | undefined;
235
+ itemref?: string | undefined | undefined;
236
+ results?: (string | number) | undefined;
237
+ security?: string | undefined | undefined;
238
+ unselectable?: "on" | "off" | undefined | undefined;
239
+ inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
240
+ is?: string | undefined | undefined;
241
+ exportparts?: string | undefined;
242
+ part?: string | undefined;
243
+ popover?: (import("../..").PopoverMode | "" | boolean) | undefined;
244
+ 'aria-activedescendant'?: string | undefined | undefined;
245
+ 'aria-atomic'?: (boolean | "true" | "false") | undefined;
246
+ 'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined | undefined;
247
+ 'aria-busy'?: (boolean | "true" | "false") | undefined;
248
+ 'aria-checked'?: (boolean | "true" | "false") | "mixed" | undefined;
249
+ 'aria-colcount'?: (string | number) | undefined;
250
+ 'aria-colindex'?: (string | number) | undefined;
251
+ 'aria-colspan'?: (string | number) | undefined;
252
+ 'aria-controls'?: string | undefined | undefined;
253
+ 'aria-current'?: "page" | "time" | (boolean | "true" | "false") | "step" | "location" | "date" | undefined;
254
+ 'aria-describedby'?: string | undefined | undefined;
255
+ 'aria-details'?: string | undefined | undefined;
256
+ 'aria-disabled'?: (boolean | "true" | "false") | undefined;
257
+ 'aria-dropeffect'?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
258
+ 'aria-errormessage'?: string | undefined | undefined;
259
+ 'aria-expanded'?: (boolean | "true" | "false") | undefined;
260
+ 'aria-flowto'?: string | undefined | undefined;
261
+ 'aria-grabbed'?: (boolean | "true" | "false") | undefined;
262
+ 'aria-haspopup'?: "grid" | "tree" | "dialog" | "menu" | (boolean | "true" | "false") | "listbox" | undefined;
263
+ 'aria-hidden'?: (boolean | "true" | "false") | undefined;
264
+ 'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
265
+ 'aria-keyshortcuts'?: string | undefined | undefined;
266
+ 'aria-label'?: string | undefined | undefined;
267
+ 'aria-labelledby'?: string | undefined | undefined;
268
+ 'aria-level'?: (string | number) | undefined;
269
+ 'aria-live'?: "off" | "assertive" | "polite" | undefined | undefined;
270
+ 'aria-modal'?: (boolean | "true" | "false") | undefined;
271
+ 'aria-multiline'?: (boolean | "true" | "false") | undefined;
272
+ 'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
273
+ 'aria-orientation'?: "horizontal" | "vertical" | undefined | undefined;
274
+ 'aria-owns'?: string | undefined | undefined;
275
+ 'aria-placeholder'?: string | undefined | undefined;
276
+ 'aria-posinset'?: (string | number) | undefined;
277
+ 'aria-pressed'?: (boolean | "true" | "false") | "mixed" | undefined;
278
+ 'aria-readonly'?: (boolean | "true" | "false") | undefined;
279
+ 'aria-relevant'?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
280
+ 'aria-required'?: (boolean | "true" | "false") | undefined;
281
+ 'aria-roledescription'?: string | undefined | undefined;
282
+ 'aria-rowcount'?: (string | number) | undefined;
283
+ 'aria-rowindex'?: (string | number) | undefined;
284
+ 'aria-rowspan'?: (string | number) | undefined;
285
+ 'aria-selected'?: (boolean | "true" | "false") | undefined;
286
+ 'aria-setsize'?: (string | number) | undefined;
287
+ 'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
288
+ 'aria-valuemax'?: (string | number) | undefined;
289
+ 'aria-valuemin'?: (string | number) | undefined;
290
+ 'aria-valuenow'?: (string | number) | undefined;
291
+ 'aria-valuetext'?: string | undefined | undefined;
292
+ onCopy?: ((payload: ClipboardEvent) => void) | undefined;
293
+ onCut?: ((payload: ClipboardEvent) => void) | undefined;
294
+ onPaste?: ((payload: ClipboardEvent) => void) | undefined;
295
+ onCompositionend?: ((payload: CompositionEvent) => void) | undefined;
296
+ onCompositionstart?: ((payload: CompositionEvent) => void) | undefined;
297
+ onCompositionupdate?: ((payload: CompositionEvent) => void) | undefined;
298
+ onDrag?: ((payload: DragEvent) => void) | undefined;
299
+ onDragend?: ((payload: DragEvent) => void) | undefined;
300
+ onDragenter?: ((payload: DragEvent) => void) | undefined;
301
+ onDragexit?: ((payload: DragEvent) => void) | undefined;
302
+ onDragleave?: ((payload: DragEvent) => void) | undefined;
303
+ onDragover?: ((payload: DragEvent) => void) | undefined;
304
+ onDragstart?: ((payload: DragEvent) => void) | undefined;
305
+ onDrop?: ((payload: DragEvent) => void) | undefined;
306
+ onFocus?: ((payload: FocusEvent) => void) | undefined;
307
+ onFocusin?: ((payload: FocusEvent) => void) | undefined;
308
+ onFocusout?: ((payload: FocusEvent) => void) | undefined;
309
+ onBlur?: ((payload: FocusEvent) => void) | undefined;
310
+ onChange?: ((payload: Event) => void) | undefined;
311
+ onBeforeinput?: ((payload: InputEvent) => void) | undefined;
312
+ onFormdata?: ((payload: FormDataEvent) => void) | undefined;
313
+ onInput?: ((payload: InputEvent) => void) | undefined;
314
+ onReset?: ((payload: Event) => void) | undefined;
315
+ onSubmit?: ((payload: SubmitEvent) => void) | undefined;
316
+ onInvalid?: ((payload: Event) => void) | undefined;
317
+ onFullscreenchange?: ((payload: Event) => void) | undefined;
318
+ onFullscreenerror?: ((payload: Event) => void) | undefined;
319
+ onLoad?: ((payload: Event) => void) | undefined;
320
+ onError?: ((payload: Event) => void) | undefined;
321
+ onKeydown?: ((payload: KeyboardEvent) => void) | undefined;
322
+ onKeypress?: ((payload: KeyboardEvent) => void) | undefined;
323
+ onKeyup?: ((payload: KeyboardEvent) => void) | undefined;
324
+ onDblclick?: ((payload: MouseEvent) => void) | undefined;
325
+ onMousedown?: ((payload: MouseEvent) => void) | undefined;
326
+ onMouseenter?: ((payload: MouseEvent) => void) | undefined;
327
+ onMouseleave?: ((payload: MouseEvent) => void) | undefined;
328
+ onMousemove?: ((payload: MouseEvent) => void) | undefined;
329
+ onMouseout?: ((payload: MouseEvent) => void) | undefined;
330
+ onMouseover?: ((payload: MouseEvent) => void) | undefined;
331
+ onMouseup?: ((payload: MouseEvent) => void) | undefined;
332
+ onAbort?: ((payload: UIEvent) => void) | undefined;
333
+ onCanplay?: ((payload: Event) => void) | undefined;
334
+ onCanplaythrough?: ((payload: Event) => void) | undefined;
335
+ onDurationchange?: ((payload: Event) => void) | undefined;
336
+ onEmptied?: ((payload: Event) => void) | undefined;
337
+ onEncrypted?: ((payload: MediaEncryptedEvent) => void) | undefined;
338
+ onEnded?: ((payload: Event) => void) | undefined;
339
+ onLoadeddata?: ((payload: Event) => void) | undefined;
340
+ onLoadedmetadata?: ((payload: Event) => void) | undefined;
341
+ onLoadstart?: ((payload: Event) => void) | undefined;
342
+ onPause?: ((payload: Event) => void) | undefined;
343
+ onPlay?: ((payload: Event) => void) | undefined;
344
+ onPlaying?: ((payload: Event) => void) | undefined;
345
+ onProgress?: ((payload: ProgressEvent<EventTarget>) => void) | undefined;
346
+ onRatechange?: ((payload: Event) => void) | undefined;
347
+ onSeeked?: ((payload: Event) => void) | undefined;
348
+ onSeeking?: ((payload: Event) => void) | undefined;
349
+ onStalled?: ((payload: Event) => void) | undefined;
350
+ onSuspend?: ((payload: Event) => void) | undefined;
351
+ onTimeupdate?: ((payload: Event) => void) | undefined;
352
+ onVolumechange?: ((payload: Event) => void) | undefined;
353
+ onWaiting?: ((payload: Event) => void) | undefined;
354
+ onSelect?: ((payload: Event) => void) | undefined;
355
+ onScroll?: ((payload: Event) => void) | undefined;
356
+ onScrollend?: ((payload: Event) => void) | undefined;
357
+ onTouchcancel?: ((payload: TouchEvent) => void) | undefined;
358
+ onTouchend?: ((payload: TouchEvent) => void) | undefined;
359
+ onTouchmove?: ((payload: TouchEvent) => void) | undefined;
360
+ onTouchstart?: ((payload: TouchEvent) => void) | undefined;
361
+ onAuxclick?: ((payload: PointerEvent) => void) | undefined;
362
+ onClick?: ((payload: PointerEvent) => void) | undefined;
363
+ onContextmenu?: ((payload: PointerEvent) => void) | undefined;
364
+ onGotpointercapture?: ((payload: PointerEvent) => void) | undefined;
365
+ onLostpointercapture?: ((payload: PointerEvent) => void) | undefined;
366
+ onPointerdown?: ((payload: PointerEvent) => void) | undefined;
367
+ onPointermove?: ((payload: PointerEvent) => void) | undefined;
368
+ onPointerup?: ((payload: PointerEvent) => void) | undefined;
369
+ onPointercancel?: ((payload: PointerEvent) => void) | undefined;
370
+ onPointerenter?: ((payload: PointerEvent) => void) | undefined;
371
+ onPointerleave?: ((payload: PointerEvent) => void) | undefined;
372
+ onPointerover?: ((payload: PointerEvent) => void) | undefined;
373
+ onPointerout?: ((payload: PointerEvent) => void) | undefined;
374
+ onBeforetoggle?: ((payload: ToggleEvent) => void) | undefined;
375
+ onToggle?: ((payload: ToggleEvent) => void) | undefined;
376
+ onWheel?: ((payload: WheelEvent) => void) | undefined;
377
+ onAnimationcancel?: ((payload: AnimationEvent) => void) | undefined;
378
+ onAnimationstart?: ((payload: AnimationEvent) => void) | undefined;
379
+ onAnimationend?: ((payload: AnimationEvent) => void) | undefined;
380
+ onAnimationiteration?: ((payload: AnimationEvent) => void) | undefined;
381
+ onSecuritypolicyviolation?: ((payload: SecurityPolicyViolationEvent) => void) | undefined;
382
+ onTransitioncancel?: ((payload: TransitionEvent) => void) | undefined;
383
+ onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
384
+ onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
385
+ onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
386
+ key?: PropertyKey | undefined;
387
+ ref?: import("vue").VNodeRef | undefined;
388
+ ref_for?: boolean | undefined | undefined;
389
+ ref_key?: string | undefined | undefined;
390
+ }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
391
+ declare const _default: typeof __VLS_export;
392
+ export default _default;
@@ -5,13 +5,18 @@
5
5
  :href="href"
6
6
  :target="params.target"
7
7
  :rel="params.target === '_blank' ? 'noopener noreferrer' : void 0"
8
- >{{ text }}</a
8
+ >{{ text
9
+ }}<span v-if="params.target === '_blank'" class="k-visually-hidden">
10
+ {{ newTabText }}</span
11
+ ></a
9
12
  >
10
- <span v-else class="k-data-grid-empty">-</span>
13
+ <EmptyCell v-else :context="cellContext" />
11
14
  </template>
12
15
 
13
16
  <script setup>
14
17
  import { computed } from "vue";
18
+ import EmptyCell from "./EmptyCell.vue";
19
+ import { en } from "../../locale/en";
15
20
  const props = defineProps({
16
21
  params: { type: Object, required: true }
17
22
  });
@@ -23,4 +28,6 @@ const text = computed(() => {
23
28
  const href = computed(
24
29
  () => props.params.href?.(raw.value, props.params.data) ?? String(raw.value ?? "")
25
30
  );
31
+ const cellContext = computed(() => props.params.context);
32
+ const newTabText = computed(() => cellContext.value?.newTabText ?? en.messages.common.opensInNewTab);
26
33
  </script>
@@ -1,4 +1,4 @@
1
- import type { LinkCellParams } from '../types';
1
+ import type { GridCellContext, LinkCellParams } from '../types';
2
2
  declare const __VLS_export: import("vue").DefineComponent<{
3
3
  params: import("ag-grid-community").ICellRendererParams<any, any, any> & LinkCellParams<unknown>;
4
4
  download?: any;
@@ -55,7 +55,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
55
55
  is?: string | undefined | undefined;
56
56
  exportparts?: string | undefined;
57
57
  part?: string | undefined;
58
- popover?: (import("../..").PopoverMode | "" | boolean) | undefined;
58
+ popover?: (import("../../index.ts").PopoverMode | "" | boolean) | undefined;
59
59
  'aria-activedescendant'?: string | undefined | undefined;
60
60
  'aria-atomic'?: (boolean | "true" | "false") | undefined;
61
61
  'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined | undefined;
@@ -202,6 +202,13 @@ declare const __VLS_export: import("vue").DefineComponent<{
202
202
  ref?: import("vue").VNodeRef | undefined;
203
203
  ref_for?: boolean | undefined | undefined;
204
204
  ref_key?: string | undefined | undefined;
205
+ context?: GridCellContext;
206
+ onVnodeBeforeMount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
207
+ onVnodeMounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
208
+ onVnodeBeforeUpdate?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
209
+ onVnodeUpdated?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
210
+ onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
211
+ onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
205
212
  }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
206
213
  params: import("ag-grid-community").ICellRendererParams<any, any, any> & LinkCellParams<unknown>;
207
214
  download?: any;
@@ -258,7 +265,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
258
265
  is?: string | undefined | undefined;
259
266
  exportparts?: string | undefined;
260
267
  part?: string | undefined;
261
- popover?: (import("../..").PopoverMode | "" | boolean) | undefined;
268
+ popover?: (import("../../index.ts").PopoverMode | "" | boolean) | undefined;
262
269
  'aria-activedescendant'?: string | undefined | undefined;
263
270
  'aria-atomic'?: (boolean | "true" | "false") | undefined;
264
271
  'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined | undefined;
@@ -405,6 +412,13 @@ declare const __VLS_export: import("vue").DefineComponent<{
405
412
  ref?: import("vue").VNodeRef | undefined;
406
413
  ref_for?: boolean | undefined | undefined;
407
414
  ref_key?: string | undefined | undefined;
415
+ context?: GridCellContext;
416
+ onVnodeBeforeMount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
417
+ onVnodeMounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
418
+ onVnodeBeforeUpdate?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
419
+ onVnodeUpdated?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
420
+ onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
421
+ onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
408
422
  }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
409
423
  declare const _default: typeof __VLS_export;
410
424
  export default _default;
@@ -112,7 +112,7 @@
112
112
  }
113
113
 
114
114
  .k-data-grid-empty {
115
- color: var(--k-text-dimmed);
115
+ color: var(--k-text-muted);
116
116
  }
117
117
 
118
118
  .k-data-grid-boolean {
@@ -157,19 +157,19 @@
157
157
  }
158
158
 
159
159
  .k-data-grid-badge-success {
160
- --k-badge-tone: var(--k-success);
160
+ --k-badge-tone: var(--k-success-text);
161
161
  }
162
162
 
163
163
  .k-data-grid-badge-warning {
164
- --k-badge-tone: var(--k-warning);
164
+ --k-badge-tone: var(--k-warning-text);
165
165
  }
166
166
 
167
167
  .k-data-grid-badge-danger {
168
- --k-badge-tone: var(--k-danger);
168
+ --k-badge-tone: var(--k-danger-text);
169
169
  }
170
170
 
171
171
  .k-data-grid-badge-info {
172
- --k-badge-tone: var(--k-info);
172
+ --k-badge-tone: var(--k-info-text);
173
173
  }
174
174
 
175
175
  .k-data-grid-image {
@@ -12,6 +12,8 @@ export type GridMessages = KMessages['grid'];
12
12
  export interface GridCellContext {
13
13
  messages: GridMessages;
14
14
  locale: string;
15
+ emptyText?: string;
16
+ newTabText?: string;
15
17
  }
16
18
  export type GridColumn<T> = ColDef<T>;
17
19
  export interface GridColumnState {
@@ -4,15 +4,18 @@
4
4
  <span v-if="hasLabel" class="k-btn-label"><slot /></span>
5
5
  <Spinner v-if="busy && trailingIcon" decorative size="xs" class="k-btn-spinner" />
6
6
  <Icon v-else-if="trailingIcon" :name="trailingIcon" />
7
+ <span v-if="busy" class="k-visually-hidden">{{ t("common.loading") }}</span>
7
8
  </template>
8
9
 
9
10
  <script setup>
10
11
  import Icon from "../../components/core/Icon.vue";
11
12
  import Spinner from "../../components/core/Spinner.vue";
13
+ import { useLocale } from "../../composables/useLocale";
12
14
  defineProps({
13
15
  busy: { type: Boolean, required: true },
14
16
  hasLabel: { type: Boolean, required: true },
15
17
  icon: { type: null, required: false },
16
18
  trailingIcon: { type: null, required: false }
17
19
  });
20
+ const { t } = useLocale();
18
21
  </script>
@@ -0,0 +1,26 @@
1
+ <template>
2
+ <span
3
+ class="k-visually-hidden"
4
+ :role="assertive ? 'alert' : 'status'"
5
+ :aria-live="assertive ? 'assertive' : 'polite'"
6
+ aria-atomic="true"
7
+ >{{ shown }}</span
8
+ >
9
+ </template>
10
+
11
+ <script setup>
12
+ import { onMounted, watch } from "vue";
13
+ import { useLiveMessage } from "./live";
14
+ const props = defineProps({
15
+ message: { type: String, required: false },
16
+ assertive: { type: Boolean, required: false }
17
+ });
18
+ const { message: shown, announce } = useLiveMessage();
19
+ onMounted(() => {
20
+ watch(
21
+ () => props.message,
22
+ (text) => announce(text),
23
+ { immediate: true }
24
+ );
25
+ });
26
+ </script>