@central-design-system/components 3.0.0-beta.9 → 3.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (247) hide show
  1. package/dist/cds.css +1 -1
  2. package/dist/cds.d.ts +9 -3
  3. package/dist/cds.es.js +18823 -14336
  4. package/dist/cds.umd.js +6 -6
  5. package/dist/components/CdsAutocomplete/CdsAutocomplete.vue.d.ts +79 -146
  6. package/dist/components/CdsBadge/CdsBadge.vue.d.ts +20 -16
  7. package/dist/components/CdsBreadcrumbs/CdsBreadcrumbs.vue.d.ts +2 -2
  8. package/dist/components/CdsBreadcrumbs/CdsBreadcrumbsItem.vue.d.ts +5 -5
  9. package/dist/components/CdsButton/CdsButton.vue.d.ts +31 -31
  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 +10 -2
  13. package/dist/components/CdsCheckbox/CdsCheckboxGroup.vue.d.ts +2 -2
  14. package/dist/components/CdsCombobox/CdsCombobox.vue.d.ts +255 -197
  15. package/dist/components/CdsContainer/CdsContainer.vue.d.ts +36 -34
  16. package/dist/components/CdsContainer/context.d.ts +1 -1
  17. package/dist/components/CdsContentSwitcher/CdsContentSwitcher.vue.d.ts +2 -2
  18. package/dist/components/CdsContentSwitcher/CdsContentSwitcherItem.vue.d.ts +27 -27
  19. package/dist/components/CdsDatePicker/CdsDatePicker.vue.d.ts +3 -3
  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 +60 -6
  24. package/dist/components/CdsDropdown/CdsDropdown.vue.d.ts +190 -214
  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 +10 -10
  29. package/dist/components/CdsExpandablePanel/composable/expandablePanelTitleProps.d.ts +3 -3
  30. package/dist/components/CdsFooter/CdsFooter.vue.d.ts +14 -5
  31. package/dist/components/CdsForm/CdsForm.vue.d.ts +2 -2
  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 +14 -5
  37. package/dist/components/CdsIcon/CdsIcon.vue.d.ts +23 -6
  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 +18 -18
  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 +3 -3
  49. package/dist/components/CdsLayout/context.d.ts +1 -1
  50. package/dist/components/CdsLink/CdsLink.vue.d.ts +5 -15
  51. package/dist/components/CdsList/CdsList.vue.d.ts +11 -26
  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 +3 -3
  56. package/dist/components/CdsMenu/CdsMenu.vue.d.ts +50 -16
  57. package/dist/components/CdsModal/CdsModal.vue.d.ts +32 -10
  58. package/dist/components/CdsNotification/CdsNotification.vue.d.ts +23 -27
  59. package/dist/components/CdsNotification/CdsNotificationAlert.vue.d.ts +44 -26
  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 +28 -4
  68. package/dist/components/CdsProgress/CdsProgress.vue.d.ts +2 -2
  69. package/dist/components/CdsRadioButton/CdsRadio.vue.d.ts +18 -14
  70. package/dist/components/CdsRadioButton/CdsRadioButton.vue.d.ts +2 -2
  71. package/dist/components/CdsSelect/CdsSelect.vue.d.ts +81 -67
  72. package/dist/components/CdsSidebar/CdsSidebar.vue.d.ts +3 -3
  73. package/dist/components/CdsSkeletonLoader/CdsSkeletonLoader.vue.d.ts +5 -5
  74. package/dist/components/CdsSlideGroup/CdsSlideGroup.vue.d.ts +19 -19
  75. package/dist/components/CdsStages/CdsStages.vue.d.ts +3 -3
  76. package/dist/components/CdsStatus/CdsStatus.vue.d.ts +30 -23
  77. package/dist/components/CdsSteps/CdsSteps.vue.d.ts +7 -67
  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 +90 -45
  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 +83 -26
  85. package/dist/components/CdsTable/components/TableProvider.d.ts +86 -29
  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 +4607 -0
  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 +53 -13
  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 +29 -34
  103. package/dist/components/CdsTag/CdsTag.vue.d.ts +45 -41
  104. package/dist/components/CdsTextArea/CdsTextArea.vue.d.ts +71 -49
  105. package/dist/components/CdsTextInput/CdsTextInput.vue.d.ts +81 -71
  106. package/dist/components/CdsTimePicker/CdsTimePicker.vue.d.ts +2 -2
  107. package/dist/components/CdsTimePicker/composable/time.d.ts +2 -2
  108. package/dist/components/CdsToggle/CdsToggle.vue.d.ts +2 -2
  109. package/dist/components/CdsToolbar/CdsToolbar.vue.d.ts +44 -2
  110. package/dist/components/CdsTooltip/CdsTooltip.vue.d.ts +30 -20
  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 +637 -57
  145. package/dist/components/CdsUploader/components/AjaxUploader.d.ts +603 -15
  146. package/dist/components/CdsUploader/components/UploadList/ListItem.d.ts +19 -19
  147. package/dist/components/CdsUploader/components/UploadList/UploadList.d.ts +18 -18
  148. package/dist/components/CdsUploader/composable/upload.d.ts +221 -19
  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 +4 -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 +12 -19
  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 +13 -22
  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 +6 -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 +5 -4
  189. package/dist/themes/themes.d.ts +4 -4
  190. package/dist/transitions/collapseTransition.d.ts +11 -0
  191. package/dist/transitions/index.d.ts +1 -0
  192. package/dist/utils/colorsUtils/utils.d.ts +1 -0
  193. package/dist/utils/date/date.d.ts +1 -0
  194. package/dist/utils/dom/bindProps.d.ts +2 -0
  195. package/dist/utils/dom/box.d.ts +1 -0
  196. package/dist/utils/helpers.d.ts +24 -6
  197. package/dist/utils/index.d.ts +3 -1
  198. package/dist/utils/propsFactory.d.ts +1 -1
  199. package/dist/utils/use/flattenChildren.d.ts +3 -0
  200. package/nuxt.js +2 -1
  201. package/package.json +5 -1
  202. package/src/scss/index.scss +0 -2
  203. package/src/scss/mixins/layout/_shadow.scss +43 -2
  204. package/src/scss/mixins/layout/_spacing.scss +13 -12
  205. package/src/scss/mixins/layout/index.scss +1 -0
  206. package/src/scss/mixins/typo.scss +261 -58
  207. package/src/scss/modules/_reset.scss +5 -4
  208. package/src/scss/modules/_transition.scss +31 -0
  209. package/src/scss/modules/_typography.scss +6 -2
  210. package/src/scss/modules/grid/_css-grid.scss +12 -19
  211. package/src/scss/modules/grid/_flex-grid.scss +9 -5
  212. package/src/scss/modules/grid/_mixins.scss +23 -31
  213. package/src/scss/themes/.deprecated +1 -0
  214. package/src/scss/themes/b2b/tokens.json +104 -104
  215. package/src/scss/themes/b2b/variables.css +142 -0
  216. package/src/scss/themes/cds/tokens.json +104 -104
  217. package/src/scss/themes/cds/variables.css +173 -31
  218. package/src/scss/themes/index.ts +1 -1
  219. package/src/scss/utility/index.scss +1 -0
  220. package/src/scss/utility/lists.scss +1 -1
  221. package/src/scss/utility/typography.scss +63 -0
  222. package/src/scss/utility/variables/exports/_display.scss +4 -4
  223. package/src/scss/utility/variables/exports/_typography.scss +22 -0
  224. package/src/scss/utility/variables/index.scss +1 -0
  225. package/src/scss/utility/variables/typography.scss +93 -0
  226. package/src/themes/b2bDark.ts +191 -0
  227. package/src/themes/b2bLight.ts +191 -0
  228. package/src/themes/cdsDark.ts +191 -0
  229. package/src/themes/cdsLight.ts +191 -0
  230. package/src/themes/colors.ts +492 -0
  231. package/src/themes/css/b2bDark.css +184 -0
  232. package/src/themes/css/b2bLight.css +184 -0
  233. package/src/themes/css/cdsDark.css +184 -0
  234. package/src/themes/css/cdsLight.css +184 -0
  235. package/src/themes/index.ts +8 -0
  236. package/src/themes/themes.d.ts +10 -0
  237. package/dist/components/CdsDropdown/composable/index.d.ts +0 -1
  238. package/dist/components/CdsSteps/svg/_CdsStepCurrentIcon.vue.d.ts +0 -2
  239. package/dist/components/CdsSteps/svg/_CdsStepsIconIncomplete.vue.d.ts +0 -2
  240. package/dist/composable/dark.d.ts +0 -19
  241. package/dist/plugins/index.d.ts +0 -2
  242. package/dist/themes/b2b.d.ts +0 -26
  243. package/dist/themes/cds.d.ts +0 -26
  244. package/dist/themes/dark.d.ts +0 -26
  245. package/dist/themes/promo.d.ts +0 -26
  246. package/dist/utils/colors.d.ts +0 -368
  247. /package/dist/{components/CdsTable/utils → utils/use}/listener.d.ts +0 -0
@@ -1,6 +1,6 @@
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>;
@@ -8,7 +8,7 @@ declare const _default: import("vue").DefineComponent<{
8
8
  };
9
9
  theme: {
10
10
  type: PropType<string>;
11
- available: readonly ["cds", "b2b", "promo", "dark"];
11
+ available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
12
12
  default: undefined;
13
13
  };
14
14
  readonly: {
@@ -81,6 +81,10 @@ declare const _default: import("vue").DefineComponent<{
81
81
  type: PropType<NTable.NRender.TPanelRender<any>>;
82
82
  default: undefined;
83
83
  };
84
+ toolbar: {
85
+ type: PropType<NTable.NRender.TPanelRender<any>>;
86
+ default: undefined;
87
+ };
84
88
  footer: {
85
89
  type: PropType<NTable.NRender.TPanelRender<any>>;
86
90
  default: undefined;
@@ -117,7 +121,7 @@ declare const _default: import("vue").DefineComponent<{
117
121
  theme: string;
118
122
  id: string;
119
123
  location: NonNullable<import('../../../utils').TAnchor>;
120
- text: string;
124
+ text: string | number;
121
125
  modelValue: boolean;
122
126
  eager: boolean;
123
127
  transition: NonNullable<string | boolean | (import("vue").TransitionProps & {
@@ -132,8 +136,10 @@ declare const _default: import("vue").DefineComponent<{
132
136
  contentClasses: string | string[] | Record<string, boolean>;
133
137
  contentProps: Record<string, unknown>;
134
138
  noClickAnimation: boolean;
139
+ opacity: string | number;
135
140
  activator: string | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element;
136
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;
137
143
  openOnClick: NonNullable<boolean | undefined>;
138
144
  openOnHover: boolean;
139
145
  openOnFocus: boolean | undefined;
@@ -141,7 +147,7 @@ declare const _default: import("vue").DefineComponent<{
141
147
  closeDelay: string | number;
142
148
  openDelay: string | number;
143
149
  locationStrategy: NonNullable<"static" | "connected" | ((data: import("../../CdsOverlay/composable").ILocationStrategyData, props: import("../../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
144
- updateLocation: (event: Event) => void;
150
+ updateLocation: (event: Event | HTMLElement[]) => void;
145
151
  } | undefined)>;
146
152
  origin: NonNullable<import('../../../utils').TAnchor | "auto" | "overlap">;
147
153
  offset: NonNullable<string | number | number[]>;
@@ -220,16 +226,16 @@ declare const _default: import("vue").DefineComponent<{
220
226
  };
221
227
  locationStrategy: Omit<{
222
228
  type: PropType<"static" | "connected" | ((data: import("../../CdsOverlay/composable").ILocationStrategyData, props: import("../../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
223
- updateLocation: (event: Event) => void;
229
+ updateLocation: (event: Event | HTMLElement[]) => void;
224
230
  } | undefined)>;
225
231
  default: string;
226
232
  validator: (value: any) => boolean;
227
233
  }, "default" | "type"> & {
228
234
  type: PropType<NonNullable<"static" | "connected" | ((data: import("../../CdsOverlay/composable").ILocationStrategyData, props: import("../../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
229
- updateLocation: (event: Event) => void;
235
+ updateLocation: (event: Event | HTMLElement[]) => void;
230
236
  } | undefined)>>;
231
237
  default: NonNullable<"static" | "connected" | ((data: import("../../CdsOverlay/composable").ILocationStrategyData, props: import("../../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
232
- updateLocation: (event: Event) => void;
238
+ updateLocation: (event: Event | HTMLElement[]) => void;
233
239
  } | undefined)>;
234
240
  };
235
241
  location: Omit<{
@@ -261,6 +267,10 @@ declare const _default: import("vue").DefineComponent<{
261
267
  type: PropType<Record<string, any>>;
262
268
  default: () => {};
263
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
+ };
264
274
  openOnClick: Omit<{
265
275
  type: PropType<boolean | undefined>;
266
276
  default: undefined;
@@ -333,13 +343,17 @@ declare const _default: import("vue").DefineComponent<{
333
343
  type: PropType<boolean>;
334
344
  default: boolean;
335
345
  };
346
+ opacity: {
347
+ type: PropType<string | number>;
348
+ default: undefined;
349
+ };
336
350
  theme: {
337
351
  type: PropType<string>;
338
- available: readonly ["cds", "b2b", "promo", "dark"];
352
+ available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
339
353
  default: undefined;
340
354
  };
341
355
  text: {
342
- type: PropType<string>;
356
+ type: PropType<string | number>;
343
357
  default: undefined;
344
358
  };
345
359
  id: {
@@ -352,7 +366,7 @@ declare const _default: import("vue").DefineComponent<{
352
366
  };
353
367
  }>> & {
354
368
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
355
- } & 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" | "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>>;
356
370
  default: boolean;
357
371
  };
358
372
  expandFixed: {
@@ -435,6 +449,14 @@ declare const _default: import("vue").DefineComponent<{
435
449
  type: PropType<(width: number, column: NTable.NColumn.IColumn<any>) => void>;
436
450
  default: undefined;
437
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
+ };
438
460
  }, {
439
461
  selectedKeySet: import("vue").Ref<Set<NTable.TKey>>;
440
462
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -450,7 +472,7 @@ declare const _default: import("vue").DefineComponent<{
450
472
  };
451
473
  theme: {
452
474
  type: PropType<string>;
453
- available: readonly ["cds", "b2b", "promo", "dark"];
475
+ available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
454
476
  default: undefined;
455
477
  };
456
478
  readonly: {
@@ -523,6 +545,10 @@ declare const _default: import("vue").DefineComponent<{
523
545
  type: PropType<NTable.NRender.TPanelRender<any>>;
524
546
  default: undefined;
525
547
  };
548
+ toolbar: {
549
+ type: PropType<NTable.NRender.TPanelRender<any>>;
550
+ default: undefined;
551
+ };
526
552
  footer: {
527
553
  type: PropType<NTable.NRender.TPanelRender<any>>;
528
554
  default: undefined;
@@ -559,7 +585,7 @@ declare const _default: import("vue").DefineComponent<{
559
585
  theme: string;
560
586
  id: string;
561
587
  location: NonNullable<import('../../../utils').TAnchor>;
562
- text: string;
588
+ text: string | number;
563
589
  modelValue: boolean;
564
590
  eager: boolean;
565
591
  transition: NonNullable<string | boolean | (import("vue").TransitionProps & {
@@ -574,8 +600,10 @@ declare const _default: import("vue").DefineComponent<{
574
600
  contentClasses: string | string[] | Record<string, boolean>;
575
601
  contentProps: Record<string, unknown>;
576
602
  noClickAnimation: boolean;
603
+ opacity: string | number;
577
604
  activator: string | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element;
578
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;
579
607
  openOnClick: NonNullable<boolean | undefined>;
580
608
  openOnHover: boolean;
581
609
  openOnFocus: boolean | undefined;
@@ -583,7 +611,7 @@ declare const _default: import("vue").DefineComponent<{
583
611
  closeDelay: string | number;
584
612
  openDelay: string | number;
585
613
  locationStrategy: NonNullable<"static" | "connected" | ((data: import("../../CdsOverlay/composable").ILocationStrategyData, props: import("../../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
586
- updateLocation: (event: Event) => void;
614
+ updateLocation: (event: Event | HTMLElement[]) => void;
587
615
  } | undefined)>;
588
616
  origin: NonNullable<import('../../../utils').TAnchor | "auto" | "overlap">;
589
617
  offset: NonNullable<string | number | number[]>;
@@ -662,16 +690,16 @@ declare const _default: import("vue").DefineComponent<{
662
690
  };
663
691
  locationStrategy: Omit<{
664
692
  type: PropType<"static" | "connected" | ((data: import("../../CdsOverlay/composable").ILocationStrategyData, props: import("../../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
665
- updateLocation: (event: Event) => void;
693
+ updateLocation: (event: Event | HTMLElement[]) => void;
666
694
  } | undefined)>;
667
695
  default: string;
668
696
  validator: (value: any) => boolean;
669
697
  }, "default" | "type"> & {
670
698
  type: PropType<NonNullable<"static" | "connected" | ((data: import("../../CdsOverlay/composable").ILocationStrategyData, props: import("../../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
671
- updateLocation: (event: Event) => void;
699
+ updateLocation: (event: Event | HTMLElement[]) => void;
672
700
  } | undefined)>>;
673
701
  default: NonNullable<"static" | "connected" | ((data: import("../../CdsOverlay/composable").ILocationStrategyData, props: import("../../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
674
- updateLocation: (event: Event) => void;
702
+ updateLocation: (event: Event | HTMLElement[]) => void;
675
703
  } | undefined)>;
676
704
  };
677
705
  location: Omit<{
@@ -703,6 +731,10 @@ declare const _default: import("vue").DefineComponent<{
703
731
  type: PropType<Record<string, any>>;
704
732
  default: () => {};
705
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
+ };
706
738
  openOnClick: Omit<{
707
739
  type: PropType<boolean | undefined>;
708
740
  default: undefined;
@@ -775,13 +807,17 @@ declare const _default: import("vue").DefineComponent<{
775
807
  type: PropType<boolean>;
776
808
  default: boolean;
777
809
  };
810
+ opacity: {
811
+ type: PropType<string | number>;
812
+ default: undefined;
813
+ };
778
814
  theme: {
779
815
  type: PropType<string>;
780
- available: readonly ["cds", "b2b", "promo", "dark"];
816
+ available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
781
817
  default: undefined;
782
818
  };
783
819
  text: {
784
- type: PropType<string>;
820
+ type: PropType<string | number>;
785
821
  default: undefined;
786
822
  };
787
823
  id: {
@@ -794,7 +830,7 @@ declare const _default: import("vue").DefineComponent<{
794
830
  };
795
831
  }>> & {
796
832
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
797
- } & 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" | "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>>;
798
834
  default: boolean;
799
835
  };
800
836
  expandFixed: {
@@ -877,6 +913,14 @@ declare const _default: import("vue").DefineComponent<{
877
913
  type: PropType<(width: number, column: NTable.NColumn.IColumn<any>) => void>;
878
914
  default: undefined;
879
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
+ };
880
924
  }>> & {
881
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;
882
926
  onResizeColumn?: ((width: number, column: NTable.NColumn.IColumn<any>) => any) | undefined;
@@ -884,7 +928,6 @@ declare const _default: import("vue").DefineComponent<{
884
928
  onExpandedRowsChange?: ((expandedKeys: NTable.TKey) => any) | undefined;
885
929
  "onUpdate:expandedRowKeys"?: ((expandedKeys: NTable.TKey[]) => any) | undefined;
886
930
  }, {
887
- size: "xs" | "sm" | "md" | "lg" | "xl";
888
931
  disabled: boolean;
889
932
  theme: string;
890
933
  id: string;
@@ -893,6 +936,7 @@ declare const _default: import("vue").DefineComponent<{
893
936
  locale: "ru" | "en" | import("../../../locale").ILocale;
894
937
  loading: boolean;
895
938
  readonly: boolean;
939
+ size: "xs" | "sm" | "md" | "lg" | "xl";
896
940
  onChange: (pagination: NTable.NPagination.IProps, filters: Record<string, NTable.TFilterValue | null>, sorters: NTable.ISorterResult<any> | NTable.ISorterResult<any>[], extra: NTable.ICurrentData<any>) => void;
897
941
  header: NTable.NRender.TPanelRender<any>;
898
942
  expandIcon: NTable.NExpand.TRenderExpandIcon<any>;
@@ -908,6 +952,7 @@ declare const _default: import("vue").DefineComponent<{
908
952
  sticky: boolean | NTable.NSticky.ISticky;
909
953
  hovered: boolean;
910
954
  borderless: boolean;
955
+ toolbar: NTable.NRender.TPanelRender<any>;
911
956
  footer: NTable.NRender.TPanelRender<any>;
912
957
  customRow: NTable.NCustomize.TGetComponentProps<any>;
913
958
  customHeaderRow: NTable.NCustomize.TGetComponentProps<NTable.NColumn.IColumn<any>[]>;
@@ -918,7 +963,7 @@ declare const _default: import("vue").DefineComponent<{
918
963
  theme: string;
919
964
  id: string;
920
965
  location: NonNullable<import('../../../utils').TAnchor>;
921
- text: string;
966
+ text: string | number;
922
967
  modelValue: boolean;
923
968
  eager: boolean;
924
969
  transition: NonNullable<string | boolean | (import("vue").TransitionProps & {
@@ -933,8 +978,10 @@ declare const _default: import("vue").DefineComponent<{
933
978
  contentClasses: string | string[] | Record<string, boolean>;
934
979
  contentProps: Record<string, unknown>;
935
980
  noClickAnimation: boolean;
981
+ opacity: string | number;
936
982
  activator: string | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element;
937
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;
938
985
  openOnClick: NonNullable<boolean | undefined>;
939
986
  openOnHover: boolean;
940
987
  openOnFocus: boolean | undefined;
@@ -942,7 +989,7 @@ declare const _default: import("vue").DefineComponent<{
942
989
  closeDelay: string | number;
943
990
  openDelay: string | number;
944
991
  locationStrategy: NonNullable<"static" | "connected" | ((data: import("../../CdsOverlay/composable").ILocationStrategyData, props: import("../../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
945
- updateLocation: (event: Event) => void;
992
+ updateLocation: (event: Event | HTMLElement[]) => void;
946
993
  } | undefined)>;
947
994
  origin: NonNullable<import('../../../utils').TAnchor | "auto" | "overlap">;
948
995
  offset: NonNullable<string | number | number[]>;
@@ -1021,16 +1068,16 @@ declare const _default: import("vue").DefineComponent<{
1021
1068
  };
1022
1069
  locationStrategy: Omit<{
1023
1070
  type: PropType<"static" | "connected" | ((data: import("../../CdsOverlay/composable").ILocationStrategyData, props: import("../../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
1024
- updateLocation: (event: Event) => void;
1071
+ updateLocation: (event: Event | HTMLElement[]) => void;
1025
1072
  } | undefined)>;
1026
1073
  default: string;
1027
1074
  validator: (value: any) => boolean;
1028
1075
  }, "default" | "type"> & {
1029
1076
  type: PropType<NonNullable<"static" | "connected" | ((data: import("../../CdsOverlay/composable").ILocationStrategyData, props: import("../../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
1030
- updateLocation: (event: Event) => void;
1077
+ updateLocation: (event: Event | HTMLElement[]) => void;
1031
1078
  } | undefined)>>;
1032
1079
  default: NonNullable<"static" | "connected" | ((data: import("../../CdsOverlay/composable").ILocationStrategyData, props: import("../../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
1033
- updateLocation: (event: Event) => void;
1080
+ updateLocation: (event: Event | HTMLElement[]) => void;
1034
1081
  } | undefined)>;
1035
1082
  };
1036
1083
  location: Omit<{
@@ -1062,6 +1109,10 @@ declare const _default: import("vue").DefineComponent<{
1062
1109
  type: PropType<Record<string, any>>;
1063
1110
  default: () => {};
1064
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
+ };
1065
1116
  openOnClick: Omit<{
1066
1117
  type: PropType<boolean | undefined>;
1067
1118
  default: undefined;
@@ -1134,13 +1185,17 @@ declare const _default: import("vue").DefineComponent<{
1134
1185
  type: PropType<boolean>;
1135
1186
  default: boolean;
1136
1187
  };
1188
+ opacity: {
1189
+ type: PropType<string | number>;
1190
+ default: undefined;
1191
+ };
1137
1192
  theme: {
1138
1193
  type: PropType<string>;
1139
- available: readonly ["cds", "b2b", "promo", "dark"];
1194
+ available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
1140
1195
  default: undefined;
1141
1196
  };
1142
1197
  text: {
1143
- type: PropType<string>;
1198
+ type: PropType<string | number>;
1144
1199
  default: undefined;
1145
1200
  };
1146
1201
  id: {
@@ -1153,7 +1208,7 @@ declare const _default: import("vue").DefineComponent<{
1153
1208
  };
1154
1209
  }>> & {
1155
1210
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
1156
- } & 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" | "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>;
1157
1212
  expandFixed: NTable.TFixed;
1158
1213
  expandColumnWidth: number;
1159
1214
  expandedRowKeys: NTable.TKey[];
@@ -1172,5 +1227,7 @@ declare const _default: import("vue").DefineComponent<{
1172
1227
  transformCellText: NTable.NCell.TTransformCellText<any>;
1173
1228
  getPopupContainer: NTable.NCustomize.TGetPopupContainer;
1174
1229
  onResizeColumn: (width: number, column: NTable.NColumn.IColumn<any>) => void;
1230
+ onExpand: (expanded: boolean, record: any) => void;
1231
+ onExpandedRowsChange: (expandedKeys: NTable.TKey[]) => void;
1175
1232
  }>;
1176
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;