@central-design-system/components 3.0.0-beta.8 → 3.0.0-rc.1

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 (246) hide show
  1. package/dist/cds.css +1 -1
  2. package/dist/cds.d.ts +9 -2
  3. package/dist/cds.es.js +18620 -13172
  4. package/dist/cds.umd.js +7 -3
  5. package/dist/components/CdsAutocomplete/CdsAutocomplete.vue.d.ts +93 -89
  6. package/dist/components/CdsBadge/CdsBadge.vue.d.ts +27 -12
  7. package/dist/components/CdsBreadcrumbs/CdsBreadcrumbs.vue.d.ts +11 -0
  8. package/dist/components/CdsBreadcrumbs/CdsBreadcrumbsItem.vue.d.ts +14 -3
  9. package/dist/components/CdsButton/CdsButton.vue.d.ts +40 -29
  10. package/dist/components/CdsButton/CdsFunctionalButton.vue.d.ts +73 -0
  11. package/dist/components/CdsButton/index.d.ts +1 -0
  12. package/dist/components/CdsCheckbox/CdsCheckbox.vue.d.ts +19 -0
  13. package/dist/components/CdsCheckbox/CdsCheckboxGroup.vue.d.ts +13 -0
  14. package/dist/components/CdsCombobox/CdsCombobox.vue.d.ts +326 -213
  15. package/dist/components/CdsContainer/CdsContainer.vue.d.ts +43 -26
  16. package/dist/components/CdsContainer/context.d.ts +1 -1
  17. package/dist/components/CdsContentSwitcher/CdsContentSwitcher.vue.d.ts +11 -0
  18. package/dist/components/CdsContentSwitcher/CdsContentSwitcherItem.vue.d.ts +27 -27
  19. package/dist/components/CdsDatePicker/CdsDatePicker.vue.d.ts +12 -1
  20. package/dist/components/CdsDatePicker/composable/calendar.d.ts +4 -4
  21. package/dist/components/CdsDivider/CdsDivider.vue.d.ts +45 -0
  22. package/dist/components/CdsDivider/index.d.ts +1 -0
  23. package/dist/components/CdsDrawer/CdsDrawer.vue.d.ts +70 -4
  24. package/dist/components/CdsDropdown/CdsDropdown.vue.d.ts +248 -177
  25. package/dist/components/CdsEmptyState/CdsEmptyState.vue.d.ts +4 -4
  26. package/dist/components/CdsExpandablePanel/CdsExpandablePanel.vue.d.ts +13 -13
  27. package/dist/components/CdsExpandablePanel/CdsExpandablePanelTitle.vue.d.ts +10 -10
  28. package/dist/components/CdsExpandablePanel/CdsExpandablePanels.vue.d.ts +19 -8
  29. package/dist/components/CdsExpandablePanel/composable/expandablePanelTitleProps.d.ts +3 -3
  30. package/dist/components/CdsFooter/CdsFooter.vue.d.ts +23 -3
  31. package/dist/components/CdsForm/CdsForm.vue.d.ts +11 -0
  32. package/dist/components/CdsGrid/composable/column.d.ts +1 -1
  33. package/dist/components/CdsGrid/composable/subgrid.d.ts +1 -1
  34. package/dist/components/CdsGrid/mode/CSSGrid.d.ts +1 -1
  35. package/dist/components/CdsGrid/mode/FlexGrid.d.ts +1 -1
  36. package/dist/components/CdsHeader/CdsHeader.vue.d.ts +23 -3
  37. package/dist/components/CdsIcon/CdsIcon.vue.d.ts +33 -3
  38. package/dist/components/CdsImage/CdsImage.vue.d.ts +264 -0
  39. package/dist/components/CdsImage/components/CdsResponsive.vue.d.ts +87 -0
  40. package/dist/components/CdsImage/components/index.d.ts +1 -0
  41. package/dist/components/CdsImage/composable/image.d.ts +134 -0
  42. package/dist/components/CdsImage/composable/index.d.ts +2 -0
  43. package/dist/components/CdsImage/composable/responsive.d.ts +35 -0
  44. package/dist/components/CdsImage/index.d.ts +2 -0
  45. package/dist/components/CdsInput/CdsInput.vue.d.ts +27 -22
  46. package/dist/components/CdsInput/CdsInputDescription.vue.d.ts +3 -3
  47. package/dist/components/CdsInput/CdsInputLabel.vue.d.ts +15 -4
  48. package/dist/components/CdsLayout/CdsLayout.vue.d.ts +12 -1
  49. package/dist/components/CdsLayout/context.d.ts +1 -1
  50. package/dist/components/CdsLink/CdsLink.vue.d.ts +13 -11
  51. package/dist/components/CdsList/CdsList.vue.d.ts +22 -40
  52. package/dist/components/CdsList/CdsListGroup.vue.d.ts +7 -7
  53. package/dist/components/CdsList/CdsListItem.vue.d.ts +12 -12
  54. package/dist/components/CdsList/composable/list.d.ts +1 -1
  55. package/dist/components/CdsLoader/CdsLoader.vue.d.ts +12 -0
  56. package/dist/components/CdsMenu/CdsMenu.vue.d.ts +59 -14
  57. package/dist/components/CdsModal/CdsModal.vue.d.ts +41 -8
  58. package/dist/components/CdsNotification/CdsNotification.vue.d.ts +34 -27
  59. package/dist/components/CdsNotification/CdsNotificationAlert.vue.d.ts +53 -24
  60. package/dist/components/CdsNotification/composable/notification.d.ts +4 -4
  61. package/dist/components/CdsOverlay/CdsOverlay.vue.d.ts +35 -3
  62. package/dist/components/CdsOverlay/composable/activator.d.ts +19 -6
  63. package/dist/components/CdsOverlay/composable/locationStrategies.d.ts +6 -5
  64. package/dist/components/CdsOverlay/composable/scrollStrategies.d.ts +1 -1
  65. package/dist/components/CdsOverlay/composable/teleport.d.ts +25 -1
  66. package/dist/components/CdsOverlay/constants.d.ts +2 -0
  67. package/dist/components/CdsPagination/CdsPagination.vue.d.ts +37 -2
  68. package/dist/components/CdsProgress/CdsProgress.vue.d.ts +11 -0
  69. package/dist/components/CdsRadioButton/CdsRadio.vue.d.ts +27 -12
  70. package/dist/components/CdsRadioButton/CdsRadioButton.vue.d.ts +13 -0
  71. package/dist/components/CdsSelect/CdsSelect.vue.d.ts +93 -63
  72. package/dist/components/CdsSidebar/CdsSidebar.vue.d.ts +15 -7
  73. package/dist/components/CdsSkeletonLoader/CdsSkeletonLoader.vue.d.ts +14 -3
  74. package/dist/components/CdsSlideGroup/CdsSlideGroup.vue.d.ts +19 -19
  75. package/dist/components/CdsStages/CdsStages.vue.d.ts +13 -1
  76. package/dist/components/CdsStatus/CdsStatus.vue.d.ts +38 -19
  77. package/dist/components/CdsSteps/CdsSteps.vue.d.ts +12 -65
  78. package/dist/components/CdsSteps/CdsStepsItem.vue.d.ts +5 -5
  79. package/dist/components/CdsSteps/context.d.ts +3 -2
  80. package/dist/components/CdsTable/CdsTable.vue.d.ts +108 -31
  81. package/dist/components/CdsTable/components/Footer/Footer.d.ts +1 -1
  82. package/dist/components/CdsTable/components/Header/DragHandle.d.ts +1 -1
  83. package/dist/components/CdsTable/components/Icons/ExpandIcon.d.ts +2 -1
  84. package/dist/components/CdsTable/components/Table/InternalTable.d.ts +98 -23
  85. package/dist/components/CdsTable/components/TableProvider.d.ts +110 -24
  86. package/dist/components/CdsTable/composable/filter.d.ts +1 -1
  87. package/dist/components/CdsTable/composable/flat.d.ts +1 -1
  88. package/dist/components/CdsTable/composable/pagination.d.ts +4 -2
  89. package/dist/components/CdsTable/composable/scroll.d.ts +1 -1
  90. package/dist/components/CdsTable/composable/selection.d.ts +1 -1
  91. package/dist/components/CdsTable/composable/sorter.d.ts +1 -1
  92. package/dist/components/CdsTable/composable/sticky.d.ts +1 -1
  93. package/dist/components/CdsTable/composable/table.d.ts +56 -10
  94. package/dist/components/CdsTable/constants.d.ts +1 -0
  95. package/dist/components/CdsTable/context/summary.d.ts +1 -1
  96. package/dist/components/CdsTable/context/table.d.ts +1 -1
  97. package/dist/components/CdsTable/interface.d.ts +11 -7
  98. package/dist/components/CdsTable/utils/column.d.ts +1 -3
  99. package/dist/components/CdsTable/utils/index.d.ts +1 -1
  100. package/dist/components/CdsTable/utils/vnode.d.ts +10 -0
  101. package/dist/components/CdsTabs/CdsTab.vue.d.ts +14 -14
  102. package/dist/components/CdsTabs/CdsTabs.vue.d.ts +38 -32
  103. package/dist/components/CdsTag/CdsTag.vue.d.ts +55 -39
  104. package/dist/components/CdsTextArea/CdsTextArea.vue.d.ts +105 -87
  105. package/dist/components/CdsTextInput/CdsTextInput.vue.d.ts +101 -63
  106. package/dist/components/CdsTimePicker/CdsTimePicker.vue.d.ts +11 -0
  107. package/dist/components/CdsTimePicker/composable/time.d.ts +2 -2
  108. package/dist/components/CdsToggle/CdsToggle.vue.d.ts +13 -8
  109. package/dist/components/CdsToolbar/CdsToolbar.vue.d.ts +53 -0
  110. package/dist/components/CdsTooltip/CdsTooltip.vue.d.ts +39 -10
  111. package/dist/components/CdsTree/CdsTree.vue.d.ts +708 -0
  112. package/dist/components/CdsTree/CdsTreeDirectory.vue.d.ts +446 -0
  113. package/dist/components/CdsTree/CdsTreeNode.vue.d.ts +119 -0
  114. package/dist/components/CdsTree/components/DropIndicator.d.ts +9 -0
  115. package/dist/components/CdsTree/components/Indent.d.ts +10 -0
  116. package/dist/components/CdsTree/components/MotionTreeNode.d.ts +128 -0
  117. package/dist/components/CdsTree/components/NodeList.d.ts +191 -0
  118. package/dist/components/CdsTree/components/SwitcherIcon.d.ts +12 -0
  119. package/dist/components/CdsTree/components/TreeContext.d.ts +81 -0
  120. package/dist/components/CdsTree/components/TreeProvider.d.ts +619 -0
  121. package/dist/components/CdsTree/components/VirtualList/Filler.d.ts +12 -0
  122. package/dist/components/CdsTree/components/VirtualList/Item.d.ts +6 -0
  123. package/dist/components/CdsTree/components/VirtualList/ScrollBar.d.ts +33 -0
  124. package/dist/components/CdsTree/components/VirtualList/VirtualList.d.ts +84 -0
  125. package/dist/components/CdsTree/components/VirtualList/features/index.d.ts +5 -0
  126. package/dist/components/CdsTree/components/VirtualList/features/useFrameWheel.d.ts +10 -0
  127. package/dist/components/CdsTree/components/VirtualList/features/useHeights.d.ts +9 -0
  128. package/dist/components/CdsTree/components/VirtualList/features/useMobileTouchMove.d.ts +2 -0
  129. package/dist/components/CdsTree/components/VirtualList/features/useOriginScroll.d.ts +2 -0
  130. package/dist/components/CdsTree/components/VirtualList/features/useScrollTo.d.ts +4 -0
  131. package/dist/components/CdsTree/components/VirtualList/index.d.ts +2 -0
  132. package/dist/components/CdsTree/components/VirtualList/interface.d.ts +10 -0
  133. package/dist/components/CdsTree/composable/events.d.ts +133 -0
  134. package/dist/components/CdsTree/composable/index.d.ts +2 -0
  135. package/dist/components/CdsTree/composable/tree.d.ts +273 -0
  136. package/dist/components/CdsTree/composable/treeNode.d.ts +75 -0
  137. package/dist/components/CdsTree/index.d.ts +5 -0
  138. package/dist/components/CdsTree/interface.d.ts +104 -4
  139. package/dist/components/CdsTree/utils/conduct.d.ts +1 -1
  140. package/dist/components/CdsTree/utils/data.d.ts +70 -0
  141. package/dist/components/CdsTree/utils/diff.d.ts +6 -0
  142. package/dist/components/CdsTree/utils/directory.d.ts +9 -0
  143. package/dist/components/CdsTree/utils/index.d.ts +2 -0
  144. package/dist/components/CdsUploader/CdsUploader.vue.d.ts +642 -39
  145. package/dist/components/CdsUploader/components/AjaxUploader.d.ts +603 -15
  146. package/dist/components/CdsUploader/components/UploadList/ListItem.d.ts +37 -19
  147. package/dist/components/CdsUploader/components/UploadList/UploadList.d.ts +36 -18
  148. package/dist/components/CdsUploader/composable/upload.d.ts +221 -9
  149. package/dist/components/CdsUploader/index.d.ts +1 -0
  150. package/dist/components/CdsUploader/interface.d.ts +1 -1
  151. package/dist/components/index.d.ts +10 -1
  152. package/dist/composable/appearance.d.ts +4 -4
  153. package/dist/composable/color.d.ts +17 -6
  154. package/dist/composable/datetime.d.ts +4 -4
  155. package/dist/composable/delay.d.ts +3 -2
  156. package/dist/composable/direction.d.ts +1 -1
  157. package/dist/composable/display.d.ts +2 -0
  158. package/dist/composable/domObserver.d.ts +5 -0
  159. package/dist/composable/field.d.ts +17 -5
  160. package/dist/composable/filter.d.ts +30 -0
  161. package/dist/composable/form.d.ts +2 -2
  162. package/dist/composable/group.d.ts +3 -3
  163. package/dist/composable/icon.d.ts +3 -3
  164. package/dist/composable/index.d.ts +5 -1
  165. package/dist/composable/invertColor.d.ts +19 -0
  166. package/dist/composable/layout.d.ts +20 -20
  167. package/dist/composable/loading.d.ts +2 -2
  168. package/dist/composable/menu.d.ts +3 -1
  169. package/dist/composable/nested/nested.d.ts +2 -2
  170. package/dist/composable/overlay.d.ts +9 -1
  171. package/dist/{components/CdsDropdown/composable → composable}/scrolling.d.ts +2 -2
  172. package/dist/composable/select.d.ts +18 -21
  173. package/dist/composable/size.d.ts +1 -1
  174. package/dist/composable/text.d.ts +2 -2
  175. package/dist/composable/theme.d.ts +73 -0
  176. package/dist/composable/transition.d.ts +2 -0
  177. package/dist/composable/transparent.d.ts +19 -0
  178. package/dist/composable/validation.d.ts +2 -2
  179. package/dist/composable/variant.d.ts +2 -5
  180. package/dist/create.d.ts +7 -1
  181. package/dist/globals.d.ts +7 -0
  182. package/dist/locale/index.d.ts +4 -1
  183. package/dist/themes/b2bDark.d.ts +190 -0
  184. package/dist/themes/b2bLight.d.ts +190 -0
  185. package/dist/themes/cdsDark.d.ts +190 -0
  186. package/dist/themes/cdsLight.d.ts +190 -0
  187. package/dist/themes/colors.d.ts +458 -0
  188. package/dist/themes/index.d.ts +6 -0
  189. package/dist/themes/themes.d.ts +10 -0
  190. package/dist/transitions/collapseTransition.d.ts +11 -0
  191. package/dist/transitions/index.d.ts +1 -0
  192. package/dist/utils/colorsUtils/APCA.d.ts +7 -0
  193. package/dist/utils/colorsUtils/index.d.ts +1 -0
  194. package/dist/utils/colorsUtils/transformCIELAB.d.ts +3 -0
  195. package/dist/utils/colorsUtils/transformSRGB.d.ts +3 -0
  196. package/dist/utils/colorsUtils/utils.d.ts +42 -0
  197. package/dist/utils/date/date.d.ts +1 -0
  198. package/dist/utils/dom/bindProps.d.ts +2 -0
  199. package/dist/utils/dom/box.d.ts +1 -0
  200. package/dist/utils/helpers.d.ts +31 -6
  201. package/dist/utils/index.d.ts +4 -0
  202. package/dist/utils/propsFactory.d.ts +1 -1
  203. package/dist/utils/use/flattenChildren.d.ts +3 -0
  204. package/nuxt.js +2 -1
  205. package/package.json +5 -1
  206. package/src/scss/index.scss +0 -2
  207. package/src/scss/mixins/layout/_shadow.scss +43 -2
  208. package/src/scss/mixins/layout/_spacing.scss +13 -12
  209. package/src/scss/mixins/layout/index.scss +1 -0
  210. package/src/scss/mixins/typo.scss +261 -58
  211. package/src/scss/modules/_reset.scss +5 -4
  212. package/src/scss/modules/_transition.scss +31 -0
  213. package/src/scss/modules/_typography.scss +6 -2
  214. package/src/scss/modules/grid/_css-grid.scss +12 -19
  215. package/src/scss/modules/grid/_flex-grid.scss +9 -5
  216. package/src/scss/modules/grid/_mixins.scss +23 -31
  217. package/src/scss/themes/.deprecated +1 -0
  218. package/src/scss/themes/b2b/tokens.json +104 -104
  219. package/src/scss/themes/b2b/variables.css +142 -0
  220. package/src/scss/themes/cds/tokens.json +104 -104
  221. package/src/scss/themes/cds/variables.css +173 -31
  222. package/src/scss/themes/index.ts +1 -1
  223. package/src/scss/utility/index.scss +1 -0
  224. package/src/scss/utility/lists.scss +1 -1
  225. package/src/scss/utility/typography.scss +63 -0
  226. package/src/scss/utility/variables/exports/_display.scss +4 -4
  227. package/src/scss/utility/variables/exports/_typography.scss +22 -0
  228. package/src/scss/utility/variables/index.scss +1 -0
  229. package/src/scss/utility/variables/typography.scss +93 -0
  230. package/src/themes/b2bDark.ts +191 -0
  231. package/src/themes/b2bLight.ts +191 -0
  232. package/src/themes/cdsDark.ts +191 -0
  233. package/src/themes/cdsLight.ts +191 -0
  234. package/src/themes/colors.ts +492 -0
  235. package/src/themes/css/b2bDark.css +184 -0
  236. package/src/themes/css/b2bLight.css +184 -0
  237. package/src/themes/css/cdsDark.css +184 -0
  238. package/src/themes/css/cdsLight.css +184 -0
  239. package/src/themes/index.ts +8 -0
  240. package/src/themes/themes.d.ts +10 -0
  241. package/dist/components/CdsDropdown/composable/index.d.ts +0 -1
  242. package/dist/components/CdsSteps/svg/_CdsStepCurrentIcon.vue.d.ts +0 -2
  243. package/dist/components/CdsSteps/svg/_CdsStepsIconIncomplete.vue.d.ts +0 -2
  244. package/dist/composable/dark.d.ts +0 -19
  245. package/dist/plugins/index.d.ts +0 -2
  246. /package/dist/{components/CdsTable/utils → utils/use}/listener.d.ts +0 -0
@@ -1,11 +1,16 @@
1
- import type { PropType } from 'vue';
2
- import type { NTable } from '../interface';
3
1
  import type { IContextSlots } from '../context';
2
+ import type { NTable } from '../interface';
3
+ import type { PropType } from 'vue';
4
4
  declare const _default: import("vue").DefineComponent<{
5
5
  contextSlots: {
6
6
  type: PropType<IContextSlots>;
7
7
  required: true;
8
8
  };
9
+ theme: {
10
+ type: PropType<string>;
11
+ available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
12
+ default: undefined;
13
+ };
9
14
  readonly: {
10
15
  type: PropType<boolean>;
11
16
  default: boolean;
@@ -76,6 +81,10 @@ declare const _default: import("vue").DefineComponent<{
76
81
  type: PropType<NTable.NRender.TPanelRender<any>>;
77
82
  default: undefined;
78
83
  };
84
+ toolbar: {
85
+ type: PropType<NTable.NRender.TPanelRender<any>>;
86
+ default: undefined;
87
+ };
79
88
  footer: {
80
89
  type: PropType<NTable.NRender.TPanelRender<any>>;
81
90
  default: undefined;
@@ -109,9 +118,10 @@ declare const _default: import("vue").DefineComponent<{
109
118
  showSorterTooltip: {
110
119
  type: PropType<boolean | Omit<Partial<{
111
120
  disabled: boolean;
121
+ theme: string;
112
122
  id: string;
113
123
  location: NonNullable<import('../../../utils').TAnchor>;
114
- text: string;
124
+ text: string | number;
115
125
  modelValue: boolean;
116
126
  eager: boolean;
117
127
  transition: NonNullable<string | boolean | (import("vue").TransitionProps & {
@@ -126,8 +136,10 @@ declare const _default: import("vue").DefineComponent<{
126
136
  contentClasses: string | string[] | Record<string, boolean>;
127
137
  contentProps: Record<string, unknown>;
128
138
  noClickAnimation: boolean;
139
+ opacity: string | number;
129
140
  activator: string | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element;
130
141
  activatorProps: Record<string, any>;
142
+ target: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element | "parent" | "cursor" | (string & {}) | [x: number, y: number] | undefined;
131
143
  openOnClick: NonNullable<boolean | undefined>;
132
144
  openOnHover: boolean;
133
145
  openOnFocus: boolean | undefined;
@@ -135,7 +147,7 @@ declare const _default: import("vue").DefineComponent<{
135
147
  closeDelay: string | number;
136
148
  openDelay: string | number;
137
149
  locationStrategy: NonNullable<"static" | "connected" | ((data: import("../../CdsOverlay/composable").ILocationStrategyData, props: import("../../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
138
- updateLocation: (event: Event) => void;
150
+ updateLocation: (event: Event | HTMLElement[]) => void;
139
151
  } | undefined)>;
140
152
  origin: NonNullable<import('../../../utils').TAnchor | "auto" | "overlap">;
141
153
  offset: NonNullable<string | number | number[]>;
@@ -214,16 +226,16 @@ declare const _default: import("vue").DefineComponent<{
214
226
  };
215
227
  locationStrategy: Omit<{
216
228
  type: PropType<"static" | "connected" | ((data: import("../../CdsOverlay/composable").ILocationStrategyData, props: import("../../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
217
- updateLocation: (event: Event) => void;
229
+ updateLocation: (event: Event | HTMLElement[]) => void;
218
230
  } | undefined)>;
219
231
  default: string;
220
232
  validator: (value: any) => boolean;
221
233
  }, "default" | "type"> & {
222
234
  type: PropType<NonNullable<"static" | "connected" | ((data: import("../../CdsOverlay/composable").ILocationStrategyData, props: import("../../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
223
- updateLocation: (event: Event) => void;
235
+ updateLocation: (event: Event | HTMLElement[]) => void;
224
236
  } | undefined)>>;
225
237
  default: NonNullable<"static" | "connected" | ((data: import("../../CdsOverlay/composable").ILocationStrategyData, props: import("../../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
226
- updateLocation: (event: Event) => void;
238
+ updateLocation: (event: Event | HTMLElement[]) => void;
227
239
  } | undefined)>;
228
240
  };
229
241
  location: Omit<{
@@ -255,6 +267,10 @@ declare const _default: import("vue").DefineComponent<{
255
267
  type: PropType<Record<string, any>>;
256
268
  default: () => {};
257
269
  };
270
+ target: {
271
+ type: PropType<import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element | "parent" | "cursor" | (string & {}) | [x: number, y: number] | undefined>;
272
+ default: undefined;
273
+ };
258
274
  openOnClick: Omit<{
259
275
  type: PropType<boolean | undefined>;
260
276
  default: undefined;
@@ -327,8 +343,17 @@ declare const _default: import("vue").DefineComponent<{
327
343
  type: PropType<boolean>;
328
344
  default: boolean;
329
345
  };
330
- text: {
346
+ opacity: {
347
+ type: PropType<string | number>;
348
+ default: undefined;
349
+ };
350
+ theme: {
331
351
  type: PropType<string>;
352
+ available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
353
+ default: undefined;
354
+ };
355
+ text: {
356
+ type: PropType<string | number>;
332
357
  default: undefined;
333
358
  };
334
359
  id: {
@@ -341,7 +366,7 @@ declare const _default: import("vue").DefineComponent<{
341
366
  };
342
367
  }>> & {
343
368
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
344
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "id" | "location" | "text" | "modelValue" | "eager" | "transition" | "attach" | "contained" | "persistent" | "scrim" | "closeOnBack" | "zIndex" | "contentClasses" | "contentProps" | "noClickAnimation" | "activator" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeDelay" | "openDelay" | "locationStrategy" | "origin" | "offset" | "scrollStrategy" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "hideArrow">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
369
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "theme" | "id" | "location" | "text" | "modelValue" | "eager" | "transition" | "attach" | "contained" | "persistent" | "scrim" | "closeOnBack" | "zIndex" | "contentClasses" | "contentProps" | "noClickAnimation" | "opacity" | "activator" | "activatorProps" | "target" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeDelay" | "openDelay" | "locationStrategy" | "origin" | "offset" | "scrollStrategy" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "hideArrow">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
345
370
  default: boolean;
346
371
  };
347
372
  expandFixed: {
@@ -424,6 +449,14 @@ declare const _default: import("vue").DefineComponent<{
424
449
  type: PropType<(width: number, column: NTable.NColumn.IColumn<any>) => void>;
425
450
  default: undefined;
426
451
  };
452
+ onExpand: {
453
+ type: PropType<(expanded: boolean, record: any) => void>;
454
+ default: undefined;
455
+ };
456
+ onExpandedRowsChange: {
457
+ type: PropType<(expandedKeys: NTable.TKey[]) => void>;
458
+ default: undefined;
459
+ };
427
460
  }, {
428
461
  selectedKeySet: import("vue").Ref<Set<NTable.TKey>>;
429
462
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -437,6 +470,11 @@ declare const _default: import("vue").DefineComponent<{
437
470
  type: PropType<IContextSlots>;
438
471
  required: true;
439
472
  };
473
+ theme: {
474
+ type: PropType<string>;
475
+ available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
476
+ default: undefined;
477
+ };
440
478
  readonly: {
441
479
  type: PropType<boolean>;
442
480
  default: boolean;
@@ -507,6 +545,10 @@ declare const _default: import("vue").DefineComponent<{
507
545
  type: PropType<NTable.NRender.TPanelRender<any>>;
508
546
  default: undefined;
509
547
  };
548
+ toolbar: {
549
+ type: PropType<NTable.NRender.TPanelRender<any>>;
550
+ default: undefined;
551
+ };
510
552
  footer: {
511
553
  type: PropType<NTable.NRender.TPanelRender<any>>;
512
554
  default: undefined;
@@ -540,9 +582,10 @@ declare const _default: import("vue").DefineComponent<{
540
582
  showSorterTooltip: {
541
583
  type: PropType<boolean | Omit<Partial<{
542
584
  disabled: boolean;
585
+ theme: string;
543
586
  id: string;
544
587
  location: NonNullable<import('../../../utils').TAnchor>;
545
- text: string;
588
+ text: string | number;
546
589
  modelValue: boolean;
547
590
  eager: boolean;
548
591
  transition: NonNullable<string | boolean | (import("vue").TransitionProps & {
@@ -557,8 +600,10 @@ declare const _default: import("vue").DefineComponent<{
557
600
  contentClasses: string | string[] | Record<string, boolean>;
558
601
  contentProps: Record<string, unknown>;
559
602
  noClickAnimation: boolean;
603
+ opacity: string | number;
560
604
  activator: string | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element;
561
605
  activatorProps: Record<string, any>;
606
+ target: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element | "parent" | "cursor" | (string & {}) | [x: number, y: number] | undefined;
562
607
  openOnClick: NonNullable<boolean | undefined>;
563
608
  openOnHover: boolean;
564
609
  openOnFocus: boolean | undefined;
@@ -566,7 +611,7 @@ declare const _default: import("vue").DefineComponent<{
566
611
  closeDelay: string | number;
567
612
  openDelay: string | number;
568
613
  locationStrategy: NonNullable<"static" | "connected" | ((data: import("../../CdsOverlay/composable").ILocationStrategyData, props: import("../../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
569
- updateLocation: (event: Event) => void;
614
+ updateLocation: (event: Event | HTMLElement[]) => void;
570
615
  } | undefined)>;
571
616
  origin: NonNullable<import('../../../utils').TAnchor | "auto" | "overlap">;
572
617
  offset: NonNullable<string | number | number[]>;
@@ -645,16 +690,16 @@ declare const _default: import("vue").DefineComponent<{
645
690
  };
646
691
  locationStrategy: Omit<{
647
692
  type: PropType<"static" | "connected" | ((data: import("../../CdsOverlay/composable").ILocationStrategyData, props: import("../../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
648
- updateLocation: (event: Event) => void;
693
+ updateLocation: (event: Event | HTMLElement[]) => void;
649
694
  } | undefined)>;
650
695
  default: string;
651
696
  validator: (value: any) => boolean;
652
697
  }, "default" | "type"> & {
653
698
  type: PropType<NonNullable<"static" | "connected" | ((data: import("../../CdsOverlay/composable").ILocationStrategyData, props: import("../../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
654
- updateLocation: (event: Event) => void;
699
+ updateLocation: (event: Event | HTMLElement[]) => void;
655
700
  } | undefined)>>;
656
701
  default: NonNullable<"static" | "connected" | ((data: import("../../CdsOverlay/composable").ILocationStrategyData, props: import("../../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
657
- updateLocation: (event: Event) => void;
702
+ updateLocation: (event: Event | HTMLElement[]) => void;
658
703
  } | undefined)>;
659
704
  };
660
705
  location: Omit<{
@@ -686,6 +731,10 @@ declare const _default: import("vue").DefineComponent<{
686
731
  type: PropType<Record<string, any>>;
687
732
  default: () => {};
688
733
  };
734
+ target: {
735
+ type: PropType<import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element | "parent" | "cursor" | (string & {}) | [x: number, y: number] | undefined>;
736
+ default: undefined;
737
+ };
689
738
  openOnClick: Omit<{
690
739
  type: PropType<boolean | undefined>;
691
740
  default: undefined;
@@ -758,8 +807,17 @@ declare const _default: import("vue").DefineComponent<{
758
807
  type: PropType<boolean>;
759
808
  default: boolean;
760
809
  };
761
- text: {
810
+ opacity: {
811
+ type: PropType<string | number>;
812
+ default: undefined;
813
+ };
814
+ theme: {
762
815
  type: PropType<string>;
816
+ available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
817
+ default: undefined;
818
+ };
819
+ text: {
820
+ type: PropType<string | number>;
763
821
  default: undefined;
764
822
  };
765
823
  id: {
@@ -772,7 +830,7 @@ declare const _default: import("vue").DefineComponent<{
772
830
  };
773
831
  }>> & {
774
832
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
775
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "id" | "location" | "text" | "modelValue" | "eager" | "transition" | "attach" | "contained" | "persistent" | "scrim" | "closeOnBack" | "zIndex" | "contentClasses" | "contentProps" | "noClickAnimation" | "activator" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeDelay" | "openDelay" | "locationStrategy" | "origin" | "offset" | "scrollStrategy" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "hideArrow">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
833
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "theme" | "id" | "location" | "text" | "modelValue" | "eager" | "transition" | "attach" | "contained" | "persistent" | "scrim" | "closeOnBack" | "zIndex" | "contentClasses" | "contentProps" | "noClickAnimation" | "opacity" | "activator" | "activatorProps" | "target" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeDelay" | "openDelay" | "locationStrategy" | "origin" | "offset" | "scrollStrategy" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "hideArrow">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
776
834
  default: boolean;
777
835
  };
778
836
  expandFixed: {
@@ -855,6 +913,14 @@ declare const _default: import("vue").DefineComponent<{
855
913
  type: PropType<(width: number, column: NTable.NColumn.IColumn<any>) => void>;
856
914
  default: undefined;
857
915
  };
916
+ onExpand: {
917
+ type: PropType<(expanded: boolean, record: any) => void>;
918
+ default: undefined;
919
+ };
920
+ onExpandedRowsChange: {
921
+ type: PropType<(expandedKeys: NTable.TKey[]) => void>;
922
+ default: undefined;
923
+ };
858
924
  }>> & {
859
925
  onChange?: ((pagination: NTable.NPagination.IProps, filters: Record<string, NTable.TFilterValue | null>, sorter: NTable.ISorterResult<any> | NTable.ISorterResult<any>[], extra: NTable.ICurrentData<any>) => any) | undefined;
860
926
  onResizeColumn?: ((width: number, column: NTable.NColumn.IColumn<any>) => any) | undefined;
@@ -862,14 +928,15 @@ declare const _default: import("vue").DefineComponent<{
862
928
  onExpandedRowsChange?: ((expandedKeys: NTable.TKey) => any) | undefined;
863
929
  "onUpdate:expandedRowKeys"?: ((expandedKeys: NTable.TKey[]) => any) | undefined;
864
930
  }, {
865
- size: "xs" | "sm" | "md" | "lg" | "xl";
866
931
  disabled: boolean;
932
+ theme: string;
867
933
  id: string;
868
934
  components: NTable.NCustomize.TableComponents<any>;
869
935
  data: any[];
870
936
  locale: "ru" | "en" | import("../../../locale").ILocale;
871
937
  loading: boolean;
872
938
  readonly: boolean;
939
+ size: "xs" | "sm" | "md" | "lg" | "xl";
873
940
  onChange: (pagination: NTable.NPagination.IProps, filters: Record<string, NTable.TFilterValue | null>, sorters: NTable.ISorterResult<any> | NTable.ISorterResult<any>[], extra: NTable.ICurrentData<any>) => void;
874
941
  header: NTable.NRender.TPanelRender<any>;
875
942
  expandIcon: NTable.NExpand.TRenderExpandIcon<any>;
@@ -885,6 +952,7 @@ declare const _default: import("vue").DefineComponent<{
885
952
  sticky: boolean | NTable.NSticky.ISticky;
886
953
  hovered: boolean;
887
954
  borderless: boolean;
955
+ toolbar: NTable.NRender.TPanelRender<any>;
888
956
  footer: NTable.NRender.TPanelRender<any>;
889
957
  customRow: NTable.NCustomize.TGetComponentProps<any>;
890
958
  customHeaderRow: NTable.NCustomize.TGetComponentProps<NTable.NColumn.IColumn<any>[]>;
@@ -892,9 +960,10 @@ declare const _default: import("vue").DefineComponent<{
892
960
  sortDirection: string[];
893
961
  showSorterTooltip: boolean | Omit<Partial<{
894
962
  disabled: boolean;
963
+ theme: string;
895
964
  id: string;
896
965
  location: NonNullable<import('../../../utils').TAnchor>;
897
- text: string;
966
+ text: string | number;
898
967
  modelValue: boolean;
899
968
  eager: boolean;
900
969
  transition: NonNullable<string | boolean | (import("vue").TransitionProps & {
@@ -909,8 +978,10 @@ declare const _default: import("vue").DefineComponent<{
909
978
  contentClasses: string | string[] | Record<string, boolean>;
910
979
  contentProps: Record<string, unknown>;
911
980
  noClickAnimation: boolean;
981
+ opacity: string | number;
912
982
  activator: string | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element;
913
983
  activatorProps: Record<string, any>;
984
+ target: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element | "parent" | "cursor" | (string & {}) | [x: number, y: number] | undefined;
914
985
  openOnClick: NonNullable<boolean | undefined>;
915
986
  openOnHover: boolean;
916
987
  openOnFocus: boolean | undefined;
@@ -918,7 +989,7 @@ declare const _default: import("vue").DefineComponent<{
918
989
  closeDelay: string | number;
919
990
  openDelay: string | number;
920
991
  locationStrategy: NonNullable<"static" | "connected" | ((data: import("../../CdsOverlay/composable").ILocationStrategyData, props: import("../../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
921
- updateLocation: (event: Event) => void;
992
+ updateLocation: (event: Event | HTMLElement[]) => void;
922
993
  } | undefined)>;
923
994
  origin: NonNullable<import('../../../utils').TAnchor | "auto" | "overlap">;
924
995
  offset: NonNullable<string | number | number[]>;
@@ -997,16 +1068,16 @@ declare const _default: import("vue").DefineComponent<{
997
1068
  };
998
1069
  locationStrategy: Omit<{
999
1070
  type: PropType<"static" | "connected" | ((data: import("../../CdsOverlay/composable").ILocationStrategyData, props: import("../../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
1000
- updateLocation: (event: Event) => void;
1071
+ updateLocation: (event: Event | HTMLElement[]) => void;
1001
1072
  } | undefined)>;
1002
1073
  default: string;
1003
1074
  validator: (value: any) => boolean;
1004
1075
  }, "default" | "type"> & {
1005
1076
  type: PropType<NonNullable<"static" | "connected" | ((data: import("../../CdsOverlay/composable").ILocationStrategyData, props: import("../../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
1006
- updateLocation: (event: Event) => void;
1077
+ updateLocation: (event: Event | HTMLElement[]) => void;
1007
1078
  } | undefined)>>;
1008
1079
  default: NonNullable<"static" | "connected" | ((data: import("../../CdsOverlay/composable").ILocationStrategyData, props: import("../../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
1009
- updateLocation: (event: Event) => void;
1080
+ updateLocation: (event: Event | HTMLElement[]) => void;
1010
1081
  } | undefined)>;
1011
1082
  };
1012
1083
  location: Omit<{
@@ -1038,6 +1109,10 @@ declare const _default: import("vue").DefineComponent<{
1038
1109
  type: PropType<Record<string, any>>;
1039
1110
  default: () => {};
1040
1111
  };
1112
+ target: {
1113
+ type: PropType<import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element | "parent" | "cursor" | (string & {}) | [x: number, y: number] | undefined>;
1114
+ default: undefined;
1115
+ };
1041
1116
  openOnClick: Omit<{
1042
1117
  type: PropType<boolean | undefined>;
1043
1118
  default: undefined;
@@ -1110,8 +1185,17 @@ declare const _default: import("vue").DefineComponent<{
1110
1185
  type: PropType<boolean>;
1111
1186
  default: boolean;
1112
1187
  };
1113
- text: {
1188
+ opacity: {
1189
+ type: PropType<string | number>;
1190
+ default: undefined;
1191
+ };
1192
+ theme: {
1114
1193
  type: PropType<string>;
1194
+ available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
1195
+ default: undefined;
1196
+ };
1197
+ text: {
1198
+ type: PropType<string | number>;
1115
1199
  default: undefined;
1116
1200
  };
1117
1201
  id: {
@@ -1124,7 +1208,7 @@ declare const _default: import("vue").DefineComponent<{
1124
1208
  };
1125
1209
  }>> & {
1126
1210
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
1127
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "id" | "location" | "text" | "modelValue" | "eager" | "transition" | "attach" | "contained" | "persistent" | "scrim" | "closeOnBack" | "zIndex" | "contentClasses" | "contentProps" | "noClickAnimation" | "activator" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeDelay" | "openDelay" | "locationStrategy" | "origin" | "offset" | "scrollStrategy" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "hideArrow">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>;
1211
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "theme" | "id" | "location" | "text" | "modelValue" | "eager" | "transition" | "attach" | "contained" | "persistent" | "scrim" | "closeOnBack" | "zIndex" | "contentClasses" | "contentProps" | "noClickAnimation" | "opacity" | "activator" | "activatorProps" | "target" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeDelay" | "openDelay" | "locationStrategy" | "origin" | "offset" | "scrollStrategy" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "hideArrow">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>;
1128
1212
  expandFixed: NTable.TFixed;
1129
1213
  expandColumnWidth: number;
1130
1214
  expandedRowKeys: NTable.TKey[];
@@ -1143,5 +1227,7 @@ declare const _default: import("vue").DefineComponent<{
1143
1227
  transformCellText: NTable.NCell.TTransformCellText<any>;
1144
1228
  getPopupContainer: NTable.NCustomize.TGetPopupContainer;
1145
1229
  onResizeColumn: (width: number, column: NTable.NColumn.IColumn<any>) => void;
1230
+ onExpand: (expanded: boolean, record: any) => void;
1231
+ onExpandedRowsChange: (expandedKeys: NTable.TKey[]) => void;
1146
1232
  }>;
1147
1233
  export default _default;
@@ -1,5 +1,5 @@
1
- import type { Ref } from 'vue';
2
1
  import type { NTable } from '../interface';
2
+ import type { Ref } from 'vue';
3
3
  export interface IFilterOptions<RecordType> {
4
4
  mergedColumns: Ref<NTable.NColumn.TColumns<RecordType>>;
5
5
  tableLocale: Ref<NTable.ILocale>;
@@ -1,5 +1,5 @@
1
- import type { Ref } from 'vue';
2
1
  import type { NTable } from '../interface';
2
+ import type { Ref } from 'vue';
3
3
  declare type TRecord<T> = {
4
4
  record: T;
5
5
  indent: number;
@@ -1,14 +1,16 @@
1
1
  import { VNode } from 'vue';
2
- import type { Ref } from 'vue';
3
2
  import type { NTable } from '../interface';
3
+ import type { Ref } from 'vue';
4
4
  export declare const DEFAULT_PAGE_SIZE = 10;
5
+ export declare const DEFAULT_PAGE_SIZE_OPTIONS: number[];
6
+ export declare const DEFAULT_PAGINATION_POSITION = "right";
5
7
  export interface IUsePagination {
6
8
  mergedPagination: Ref<NTable.NPagination.IProps>;
7
9
  resetPagination: (modelValue?: number, length?: number) => void;
8
10
  }
9
11
  export declare function usePagination(totalRef: Ref<number>, paginationRef: Ref<NTable.NPagination.IProps | false | undefined>, disabled: Ref<boolean>, onChange: (modelValue: number | undefined, length: number) => void): IUsePagination;
10
12
  export declare function getPaginationParam(pagination: NTable.NPagination.IProps | boolean | undefined, mergedPagination: NTable.NPagination.IProps): any;
11
- export declare function useRenderPagination(paginationProps: Ref<NTable.NPagination.IProps>, pagination?: false | NTable.NPagination.IProps): {
13
+ export declare function useRenderPagination(paginationProps: Ref<NTable.NPagination.IProps>, pagination?: false | NTable.NPagination.IProps, tableLocale?: Ref<NTable.ILocale>, triggerOnChange?: (info: Partial<NTable.IChangeEventInfo>, action: NTable.TAction, reset: boolean) => void): {
12
14
  topPaginationNode: VNode<import("vue").RendererNode, import("vue").RendererElement, {
13
15
  [key: string]: any;
14
16
  }> | undefined;
@@ -1,6 +1,6 @@
1
1
  import { ComputedRef } from 'vue';
2
- import type { NTable } from '../interface';
3
2
  import type { ITableProps } from './table';
3
+ import type { NTable } from '../interface';
4
4
  export declare function useScroll<RecordType>(props: ITableProps, flattenColumns: ComputedRef<readonly NTable.NColumn.IColumn<RecordType>[]>): {
5
5
  fullTableRef: import("vue").Ref<HTMLDivElement | undefined>;
6
6
  scrollHeaderRef: import("vue").Ref<HTMLDivElement | undefined>;
@@ -1,5 +1,5 @@
1
- import type { Ref, ComputedRef } from 'vue';
2
1
  import type { NTable } from '../interface';
2
+ import type { Ref, ComputedRef } from 'vue';
3
3
  export declare const SELECTION_COLUMN: {};
4
4
  export declare const SELECTION_ALL: "SELECT_ALL";
5
5
  export declare const SELECTION_INVERT: "SELECT_INVERT";
@@ -1,7 +1,7 @@
1
1
  import { CdsTooltip } from '../../CdsTooltip';
2
- import type { Ref, ComputedRef } from 'vue';
3
2
  import type { NTable } from '../interface';
4
3
  import type { ComponentProps } from '../../../utils';
4
+ import type { Ref, ComputedRef } from 'vue';
5
5
  export declare const ASCEND = "ascend";
6
6
  export declare const DESCEND = "descend";
7
7
  export interface ISorterOptions<RecordType> {
@@ -1,5 +1,5 @@
1
- import type { ComputedRef, Ref } from 'vue';
2
1
  import type { NTable } from '../interface';
2
+ import type { ComputedRef, Ref } from 'vue';
3
3
  export interface IUseSticky {
4
4
  isSticky: boolean;
5
5
  offsetHeader: number;
@@ -1,7 +1,7 @@
1
1
  import { CdsTooltip } from '../../CdsTooltip';
2
- import type { PropType, Ref } from 'vue';
3
- import type { ComponentProps } from '../../../utils';
4
2
  import type { NTable } from '../interface';
3
+ import type { ComponentProps } from '../../../utils';
4
+ import type { PropType, Ref } from 'vue';
5
5
  export interface ITableProps<RecordType = NTable.TDefaultRecord> {
6
6
  id?: string;
7
7
  data?: RecordType[];
@@ -87,6 +87,7 @@ export declare const makeTableProps: <Defaults extends {
87
87
  bordered?: unknown;
88
88
  borderless?: unknown;
89
89
  header?: unknown;
90
+ toolbar?: unknown;
90
91
  footer?: unknown;
91
92
  components?: unknown;
92
93
  customRow?: unknown;
@@ -115,6 +116,8 @@ export declare const makeTableProps: <Defaults extends {
115
116
  getPopupContainer?: unknown;
116
117
  onChange?: unknown;
117
118
  onResizeColumn?: unknown;
119
+ onExpand?: unknown;
120
+ onExpandedRowsChange?: unknown;
118
121
  } = {}>(defaults?: Defaults | undefined) => import('../../../utils').AppendDefault<{
119
122
  /**
120
123
  * Идентификатор таблицы
@@ -207,6 +210,13 @@ export declare const makeTableProps: <Defaults extends {
207
210
  type: PropType<NTable.NRender.TPanelRender<any>>;
208
211
  default: undefined;
209
212
  };
213
+ /**
214
+ * Рендер тулбара таблицы
215
+ */
216
+ toolbar: {
217
+ type: PropType<NTable.NRender.TPanelRender<any>>;
218
+ default: undefined;
219
+ };
210
220
  /**
211
221
  * Рендер футера таблицы
212
222
  */
@@ -264,9 +274,10 @@ export declare const makeTableProps: <Defaults extends {
264
274
  showSorterTooltip: {
265
275
  type: PropType<boolean | Omit<Partial<{
266
276
  disabled: boolean;
277
+ theme: string;
267
278
  id: string;
268
279
  location: NonNullable<import('../../../utils').TAnchor>;
269
- text: string;
280
+ text: string | number;
270
281
  modelValue: boolean;
271
282
  eager: boolean;
272
283
  transition: NonNullable<string | boolean | (import("vue").TransitionProps & {
@@ -281,8 +292,10 @@ export declare const makeTableProps: <Defaults extends {
281
292
  contentClasses: string | string[] | Record<string, boolean>;
282
293
  contentProps: Record<string, unknown>;
283
294
  noClickAnimation: boolean;
295
+ opacity: string | number;
284
296
  activator: string | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element;
285
297
  activatorProps: Record<string, any>;
298
+ target: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element | "parent" | "cursor" | (string & {}) | [x: number, y: number] | undefined;
286
299
  openOnClick: NonNullable<boolean | undefined>;
287
300
  openOnHover: boolean;
288
301
  openOnFocus: boolean | undefined;
@@ -290,7 +303,7 @@ export declare const makeTableProps: <Defaults extends {
290
303
  closeDelay: string | number;
291
304
  openDelay: string | number;
292
305
  locationStrategy: NonNullable<"static" | "connected" | ((data: import("../../CdsOverlay/composable").ILocationStrategyData, props: import("../../CdsOverlay/composable").ILocationStrategyProps, contentStyles: Ref<Record<string, string>>) => {
293
- updateLocation: (event: Event) => void;
306
+ updateLocation: (event: Event | HTMLElement[]) => void;
294
307
  } | undefined)>;
295
308
  origin: NonNullable<import('../../../utils').TAnchor | "auto" | "overlap">;
296
309
  offset: NonNullable<string | number | number[]>;
@@ -369,16 +382,16 @@ export declare const makeTableProps: <Defaults extends {
369
382
  };
370
383
  locationStrategy: Omit<{
371
384
  type: PropType<"static" | "connected" | ((data: import("../../CdsOverlay/composable").ILocationStrategyData, props: import("../../CdsOverlay/composable").ILocationStrategyProps, contentStyles: Ref<Record<string, string>>) => {
372
- updateLocation: (event: Event) => void;
385
+ updateLocation: (event: Event | HTMLElement[]) => void;
373
386
  } | undefined)>;
374
387
  default: string;
375
388
  validator: (value: any) => boolean;
376
389
  }, "default" | "type"> & {
377
390
  type: PropType<NonNullable<"static" | "connected" | ((data: import("../../CdsOverlay/composable").ILocationStrategyData, props: import("../../CdsOverlay/composable").ILocationStrategyProps, contentStyles: Ref<Record<string, string>>) => {
378
- updateLocation: (event: Event) => void;
391
+ updateLocation: (event: Event | HTMLElement[]) => void;
379
392
  } | undefined)>>;
380
393
  default: NonNullable<"static" | "connected" | ((data: import("../../CdsOverlay/composable").ILocationStrategyData, props: import("../../CdsOverlay/composable").ILocationStrategyProps, contentStyles: Ref<Record<string, string>>) => {
381
- updateLocation: (event: Event) => void;
394
+ updateLocation: (event: Event | HTMLElement[]) => void;
382
395
  } | undefined)>;
383
396
  };
384
397
  location: Omit<{
@@ -396,6 +409,11 @@ export declare const makeTableProps: <Defaults extends {
396
409
  default: NonNullable<import('../../../utils').TAnchor | "auto" | "overlap">;
397
410
  };
398
411
  offset: Omit<{
412
+ /**
413
+ * @private Internal usage, may remove by refactor. Should always use `columns` instead.
414
+ *
415
+ * !!! DO NOT USE IN PRODUCTION ENVIRONMENT !!!
416
+ */
399
417
  type: PropType<string | number | number[]>;
400
418
  default: null;
401
419
  }, "default" | "type"> & {
@@ -410,6 +428,10 @@ export declare const makeTableProps: <Defaults extends {
410
428
  type: PropType<Record<string, any>>;
411
429
  default: () => {};
412
430
  };
431
+ target: {
432
+ type: PropType<import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element | "parent" | "cursor" | (string & {}) | [x: number, y: number] | undefined>;
433
+ default: undefined;
434
+ };
413
435
  openOnClick: Omit<{
414
436
  type: PropType<boolean | undefined>;
415
437
  default: undefined;
@@ -480,14 +502,24 @@ export declare const makeTableProps: <Defaults extends {
480
502
  };
481
503
  noClickAnimation: {
482
504
  type: PropType<boolean>;
483
- default: boolean; /**
505
+ default: boolean;
506
+ };
507
+ opacity: {
508
+ type: PropType<string | number>;
509
+ default: undefined;
510
+ };
511
+ theme: {
512
+ /**
484
513
  * @private Internal usage, may remove by refactor. Should always use `columns` instead.
485
514
  *
486
515
  * !!! DO NOT USE IN PRODUCTION ENVIRONMENT !!!
487
516
  */
517
+ type: PropType<string>;
518
+ available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
519
+ default: undefined;
488
520
  };
489
521
  text: {
490
- type: PropType<string>;
522
+ type: PropType<string | number>;
491
523
  default: undefined;
492
524
  };
493
525
  id: {
@@ -500,7 +532,7 @@ export declare const makeTableProps: <Defaults extends {
500
532
  };
501
533
  }>> & {
502
534
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
503
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "id" | "location" | "text" | "modelValue" | "eager" | "transition" | "attach" | "contained" | "persistent" | "scrim" | "closeOnBack" | "zIndex" | "contentClasses" | "contentProps" | "noClickAnimation" | "activator" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeDelay" | "openDelay" | "locationStrategy" | "origin" | "offset" | "scrollStrategy" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "hideArrow">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
535
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "theme" | "id" | "location" | "text" | "modelValue" | "eager" | "transition" | "attach" | "contained" | "persistent" | "scrim" | "closeOnBack" | "zIndex" | "contentClasses" | "contentProps" | "noClickAnimation" | "opacity" | "activator" | "activatorProps" | "target" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeDelay" | "openDelay" | "locationStrategy" | "origin" | "offset" | "scrollStrategy" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "hideArrow">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
504
536
  default: boolean;
505
537
  };
506
538
  /**
@@ -643,6 +675,20 @@ export declare const makeTableProps: <Defaults extends {
643
675
  type: PropType<(width: number, column: NTable.NColumn.IColumn) => void>;
644
676
  default: undefined;
645
677
  };
678
+ /**
679
+ * Событие при раскрытии строки
680
+ */
681
+ onExpand: {
682
+ type: PropType<(expanded: boolean, record: NTable.TDefaultRecord) => void>;
683
+ default: undefined;
684
+ };
685
+ /**
686
+ * Событие при изменении раскрытых строк
687
+ */
688
+ onExpandedRowsChange: {
689
+ type: PropType<(expandedKeys: NTable.TKey[]) => void>;
690
+ default: undefined;
691
+ };
646
692
  }, Defaults>;
647
693
  export declare function useLazyKVMap<RecordType>(dataRef: Ref<readonly RecordType[]>, childrenColumnNameRef: Ref<string>, getRowKeyRef: Ref<NTable.NRow.TGetRowKey<RecordType>>): {
648
694
  getRecordByKey: (key: NTable.TKey) => NonNullable<RecordType>;
@@ -1,2 +1,3 @@
1
1
  export declare const INTERNAL_COL_DEFINE = "CDS_TABLE_INTERNAL_COL_DEFINE";
2
2
  export declare const INTERNAL_HOOKS = "CDS_TABLE_INTERNAL_HOOK";
3
+ export declare const TABLE_INDENT_SIZE = 20;