@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,13 +1,14 @@
1
- import { Box, TAnchor } from '../../../utils';
2
1
  import { CSSProperties } from 'vue';
2
+ import { Box, TAnchor } from '../../../utils';
3
3
  import type { PropType, Ref } from 'vue';
4
4
  export interface ILocationStrategyData {
5
5
  contentEl: Ref<HTMLElement | undefined>;
6
+ target: Ref<HTMLElement | [x: number, y: number] | undefined>;
6
7
  activatorEl: Ref<HTMLElement | undefined>;
7
8
  isActive: Ref<boolean>;
8
9
  }
9
10
  declare type TLocationStrategyFn = (data: ILocationStrategyData, props: ILocationStrategyProps, contentStyles: Ref<Record<string, string>>) => undefined | {
10
- updateLocation: (event: Event) => void;
11
+ updateLocation: (event: Event | HTMLElement[]) => void;
11
12
  };
12
13
  declare const locationStrategies: {
13
14
  static: typeof staticLocationStrategy;
@@ -28,7 +29,7 @@ export interface ILocationProps {
28
29
  }
29
30
  export interface IUseLocationStrategies {
30
31
  contentStyles: Ref<Record<string, string>>;
31
- updateLocation: Ref<((event: Event) => void) | undefined>;
32
+ updateLocation: Ref<((event: Event | HTMLElement[]) => void) | undefined>;
32
33
  }
33
34
  export declare const makeLocationStrategyProps: <Defaults extends {
34
35
  locationStrategy?: unknown;
@@ -78,11 +79,11 @@ export declare const makeLocationProps: <Defaults extends {
78
79
  };
79
80
  }, Defaults>;
80
81
  export declare function useLocationStrategies(props: ILocationStrategyProps, data: ILocationStrategyData): IUseLocationStrategies;
81
- export declare function useLocation(props: ILocationProps, opposite?: boolean, offset?: (side: string) => number): {
82
+ export declare function useLocation(props: ILocationProps, opposite?: boolean, offset?: (side: string) => number, observedElement?: string): {
82
83
  locationStyles: import("vue").ComputedRef<CSSProperties>;
83
84
  };
84
85
  declare function staticLocationStrategy(): {
85
- updateLocation: () => void;
86
+ updateLocation: (elements: HTMLElement[] | Event) => void;
86
87
  };
87
88
  declare function connectedLocationStrategy(data: ILocationStrategyData, props: ILocationStrategyProps, contentStyles: Ref<Record<string, string>>): {
88
89
  updateLocation: () => {
@@ -2,7 +2,7 @@ import type { EffectScope, PropType, Ref } from 'vue';
2
2
  export interface IScrollStrategyData {
3
3
  root: Ref<HTMLElement | undefined>;
4
4
  contentEl: Ref<HTMLElement | undefined>;
5
- activatorEl: Ref<HTMLElement | undefined>;
5
+ targetEl: Ref<HTMLElement | undefined>;
6
6
  isActive: Ref<boolean>;
7
7
  updateLocation: Ref<((event: Event) => void) | undefined>;
8
8
  }
@@ -1,6 +1,30 @@
1
- import { ComputedRef } from 'vue';
1
+ import { ComputedRef, InjectionKey } from 'vue';
2
2
  import type { Ref } from 'vue';
3
3
  export interface IUseTeleport {
4
4
  teleportTarget: ComputedRef<Element | undefined>;
5
5
  }
6
+ export interface ITeleportOptions {
7
+ /**
8
+ * Указывает, к какому DOM элементу будут прикреплены компоненты использующие телепорт.
9
+ * По-умолчанию прикрепляется к body.
10
+ */
11
+ target: Element;
12
+ /**
13
+ * Указывает, что все всплывающие компоненты будут прикреплены к родительскому элементу-активатору автоматически.
14
+ * Игнорирует переданный target во всех случаях.
15
+ * ВНИМАНИЕ! Возможны проблемы с позиционированием элементов вложенных в другие плавающие элементы в DOM.
16
+ * Используйте только если вы уверены, что это необходимо. В противном случае используйте свойства attach и contained непосредственно в самих компонентах.
17
+ */
18
+ contained: boolean;
19
+ /**
20
+ * Указывает, что все всплывающие компоненты будут прикреплены к первому элементу в getRootNode автоматически.
21
+ * Игнорирует переданный target во всех случаях.
22
+ */
23
+ root: boolean;
24
+ /**
25
+ * Класс контейнера для компонентов телепорта.
26
+ */
27
+ containerClassName: string;
28
+ }
29
+ export declare const TeleportSymbol: InjectionKey<ITeleportOptions>;
6
30
  export declare function useTeleport(target: Ref<boolean | string | Element>, overlayContainerClassName: string): IUseTeleport;
@@ -0,0 +1,2 @@
1
+ export declare const NOTIFICATION_MARGIN = 24;
2
+ export declare const VIEWPORT_MARGIN = 12;
@@ -1,6 +1,11 @@
1
1
  import type { PropType } from 'vue';
2
2
  export declare const componentName = "CdsPagination";
3
3
  declare const _sfc_main: import("vue").DefineComponent<{
4
+ theme: {
5
+ type: PropType<string>;
6
+ available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
7
+ default: undefined;
8
+ };
4
9
  disabled: {
5
10
  type: PropType<boolean>;
6
11
  default: boolean;
@@ -11,7 +16,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
11
16
  description: string;
12
17
  }, "default" | "type"> & {
13
18
  type: PropType<string>;
14
- default: string;
19
+ default: string; /**
20
+ * Событие перехода на последнюю страницу
21
+ */
15
22
  };
16
23
  /**
17
24
  * Начальная страница
@@ -42,6 +49,13 @@ declare const _sfc_main: import("vue").DefineComponent<{
42
49
  type: StringConstructor;
43
50
  default: string;
44
51
  };
52
+ /**
53
+ * Включает отображение поля для ввода номера страницы
54
+ */
55
+ quickJumper: {
56
+ type: PropType<boolean>;
57
+ default: boolean;
58
+ };
45
59
  /**
46
60
  * Значение v-model
47
61
  */
@@ -70,7 +84,16 @@ declare const _sfc_main: import("vue").DefineComponent<{
70
84
  * Событие перехода на предыдущую страницу
71
85
  */
72
86
  prev: (value: number) => true;
87
+ /**
88
+ * Событие перехода с помощью поля ввода номера страницы
89
+ */
90
+ quickJump: (value: number) => true;
73
91
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
92
+ theme: {
93
+ type: PropType<string>;
94
+ available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
95
+ default: undefined;
96
+ };
74
97
  disabled: {
75
98
  type: PropType<boolean>;
76
99
  default: boolean;
@@ -81,7 +104,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
81
104
  description: string;
82
105
  }, "default" | "type"> & {
83
106
  type: PropType<string>;
84
- default: string;
107
+ default: string; /**
108
+ * Событие перехода на последнюю страницу
109
+ */
85
110
  };
86
111
  /**
87
112
  * Начальная страница
@@ -112,6 +137,13 @@ declare const _sfc_main: import("vue").DefineComponent<{
112
137
  type: StringConstructor;
113
138
  default: string;
114
139
  };
140
+ /**
141
+ * Включает отображение поля для ввода номера страницы
142
+ */
143
+ quickJumper: {
144
+ type: PropType<boolean>;
145
+ default: boolean;
146
+ };
115
147
  /**
116
148
  * Значение v-model
117
149
  */
@@ -125,13 +157,16 @@ declare const _sfc_main: import("vue").DefineComponent<{
125
157
  onLast?: ((value: number) => any) | undefined;
126
158
  onNext?: ((value: number) => any) | undefined;
127
159
  onPrev?: ((value: number) => any) | undefined;
160
+ onQuickJump?: ((value: number) => any) | undefined;
128
161
  }, {
129
162
  ellipsis: string;
130
163
  tag: string;
131
164
  disabled: boolean;
132
165
  length: string | number;
166
+ theme: string;
133
167
  modelValue: number;
134
168
  start: string | number;
135
169
  totalVisible: string | number;
170
+ quickJumper: boolean;
136
171
  }>;
137
172
  export default _sfc_main;
@@ -8,6 +8,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
8
8
  type: PropType<NonNullable<import('../../utils').TAnchor>>;
9
9
  default: NonNullable<import('../../utils').TAnchor>;
10
10
  };
11
+ theme: {
12
+ type: PropType<string>;
13
+ available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
14
+ default: undefined;
15
+ };
11
16
  tag: {
12
17
  type: PropType<string>;
13
18
  default: string;
@@ -71,6 +76,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
71
76
  type: PropType<NonNullable<import('../../utils').TAnchor>>;
72
77
  default: NonNullable<import('../../utils').TAnchor>;
73
78
  };
79
+ theme: {
80
+ type: PropType<string>;
81
+ available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
82
+ default: undefined;
83
+ };
74
84
  tag: {
75
85
  type: PropType<string>;
76
86
  default: string;
@@ -129,6 +139,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
129
139
  }, {
130
140
  tag: string;
131
141
  reverse: boolean;
142
+ theme: string;
132
143
  indeterminate: boolean;
133
144
  location: NonNullable<import('../../utils').TAnchor>;
134
145
  active: boolean;
@@ -86,6 +86,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
86
86
  validationRef: import("vue").Ref<import("vue").DefineComponent<{
87
87
  'onClick:prepend': import("vue").PropType<(...args: any[]) => any>;
88
88
  'onClick:append': import("vue").PropType<(...args: any[]) => any>;
89
+ theme: {
90
+ type: import("vue").PropType<string>;
91
+ available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
92
+ default: undefined;
93
+ };
89
94
  size: {
90
95
  type: import("vue").PropType<"xs" | "sm" | "md" | "lg" | "xl">;
91
96
  default: string;
@@ -143,14 +148,14 @@ declare const _sfc_main: import("vue").DefineComponent<{
143
148
  default: boolean;
144
149
  };
145
150
  prependIcon: {
146
- type: import("vue").PropType<"search" | "link" | "list" | "filters" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "insert" | "list-search" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "source" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">;
151
+ type: import("vue").PropType<"search" | "bold" | "link" | "list" | "fill" | "filters" | "add" | "administrator" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "bookmark-fill" | "bookmark" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory-open" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "format" | "formula" | "funnel" | "globe" | "highlight" | "infinity" | "info-fill" | "info" | "insert" | "italic" | "list-search" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "sorting-down" | "sorting-up" | "sorting" | "source" | "star-fill" | "star" | "tab-backward" | "tab-forward" | "telegram" | "timer" | "tool" | "truck" | "underline" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "whatsapp" | "winner" | "workspace" | "youtube">;
147
152
  default: undefined;
148
- validator: (value: "search" | "link" | "list" | "filters" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "insert" | "list-search" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "source" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube") => boolean;
153
+ validator: (value: "search" | "bold" | "link" | "list" | "fill" | "filters" | "add" | "administrator" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "bookmark-fill" | "bookmark" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory-open" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "format" | "formula" | "funnel" | "globe" | "highlight" | "infinity" | "info-fill" | "info" | "insert" | "italic" | "list-search" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "sorting-down" | "sorting-up" | "sorting" | "source" | "star-fill" | "star" | "tab-backward" | "tab-forward" | "telegram" | "timer" | "tool" | "truck" | "underline" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "whatsapp" | "winner" | "workspace" | "youtube") => boolean;
149
154
  };
150
155
  appendIcon: {
151
- type: import("vue").PropType<"search" | "link" | "list" | "filters" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "insert" | "list-search" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "source" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">;
156
+ type: import("vue").PropType<"search" | "bold" | "link" | "list" | "fill" | "filters" | "add" | "administrator" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "bookmark-fill" | "bookmark" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory-open" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "format" | "formula" | "funnel" | "globe" | "highlight" | "infinity" | "info-fill" | "info" | "insert" | "italic" | "list-search" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "sorting-down" | "sorting-up" | "sorting" | "source" | "star-fill" | "star" | "tab-backward" | "tab-forward" | "telegram" | "timer" | "tool" | "truck" | "underline" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "whatsapp" | "winner" | "workspace" | "youtube">;
152
157
  default: undefined;
153
- validator: (value: "search" | "link" | "list" | "filters" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "insert" | "list-search" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "source" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube") => boolean;
158
+ validator: (value: "search" | "bold" | "link" | "list" | "fill" | "filters" | "add" | "administrator" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "bookmark-fill" | "bookmark" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory-open" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "format" | "formula" | "funnel" | "globe" | "highlight" | "infinity" | "info-fill" | "info" | "insert" | "italic" | "list-search" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "sorting-down" | "sorting-up" | "sorting" | "source" | "star-fill" | "star" | "tab-backward" | "tab-forward" | "telegram" | "timer" | "tool" | "truck" | "underline" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "whatsapp" | "winner" | "workspace" | "youtube") => boolean;
154
159
  };
155
160
  id: {
156
161
  type: import("vue").PropType<string>;
@@ -177,10 +182,17 @@ declare const _sfc_main: import("vue").DefineComponent<{
177
182
  default: boolean;
178
183
  };
179
184
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
180
- 'update:modelValue': (value: any) => boolean;
185
+ 'update:modelValue': (value: any) => true;
186
+ 'click:control': (event: MouseEvent) => true;
187
+ 'mousedown:control': (event: MouseEvent) => true;
181
188
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
182
189
  'onClick:prepend': import("vue").PropType<(...args: any[]) => any>;
183
190
  'onClick:append': import("vue").PropType<(...args: any[]) => any>;
191
+ theme: {
192
+ type: import("vue").PropType<string>;
193
+ available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
194
+ default: undefined;
195
+ };
184
196
  size: {
185
197
  type: import("vue").PropType<"xs" | "sm" | "md" | "lg" | "xl">;
186
198
  default: string;
@@ -238,14 +250,14 @@ declare const _sfc_main: import("vue").DefineComponent<{
238
250
  default: boolean;
239
251
  };
240
252
  prependIcon: {
241
- type: import("vue").PropType<"search" | "link" | "list" | "filters" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "insert" | "list-search" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "source" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">;
253
+ type: import("vue").PropType<"search" | "bold" | "link" | "list" | "fill" | "filters" | "add" | "administrator" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "bookmark-fill" | "bookmark" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory-open" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "format" | "formula" | "funnel" | "globe" | "highlight" | "infinity" | "info-fill" | "info" | "insert" | "italic" | "list-search" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "sorting-down" | "sorting-up" | "sorting" | "source" | "star-fill" | "star" | "tab-backward" | "tab-forward" | "telegram" | "timer" | "tool" | "truck" | "underline" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "whatsapp" | "winner" | "workspace" | "youtube">;
242
254
  default: undefined;
243
- validator: (value: "search" | "link" | "list" | "filters" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "insert" | "list-search" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "source" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube") => boolean;
255
+ validator: (value: "search" | "bold" | "link" | "list" | "fill" | "filters" | "add" | "administrator" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "bookmark-fill" | "bookmark" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory-open" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "format" | "formula" | "funnel" | "globe" | "highlight" | "infinity" | "info-fill" | "info" | "insert" | "italic" | "list-search" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "sorting-down" | "sorting-up" | "sorting" | "source" | "star-fill" | "star" | "tab-backward" | "tab-forward" | "telegram" | "timer" | "tool" | "truck" | "underline" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "whatsapp" | "winner" | "workspace" | "youtube") => boolean;
244
256
  };
245
257
  appendIcon: {
246
- type: import("vue").PropType<"search" | "link" | "list" | "filters" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "insert" | "list-search" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "source" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">;
258
+ type: import("vue").PropType<"search" | "bold" | "link" | "list" | "fill" | "filters" | "add" | "administrator" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "bookmark-fill" | "bookmark" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory-open" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "format" | "formula" | "funnel" | "globe" | "highlight" | "infinity" | "info-fill" | "info" | "insert" | "italic" | "list-search" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "sorting-down" | "sorting-up" | "sorting" | "source" | "star-fill" | "star" | "tab-backward" | "tab-forward" | "telegram" | "timer" | "tool" | "truck" | "underline" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "whatsapp" | "winner" | "workspace" | "youtube">;
247
259
  default: undefined;
248
- validator: (value: "search" | "link" | "list" | "filters" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "insert" | "list-search" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "source" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube") => boolean;
260
+ validator: (value: "search" | "bold" | "link" | "list" | "fill" | "filters" | "add" | "administrator" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "bookmark-fill" | "bookmark" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory-open" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "format" | "formula" | "funnel" | "globe" | "highlight" | "infinity" | "info-fill" | "info" | "insert" | "italic" | "list-search" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "sorting-down" | "sorting-up" | "sorting" | "source" | "star-fill" | "star" | "tab-backward" | "tab-forward" | "telegram" | "timer" | "tool" | "truck" | "underline" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "whatsapp" | "winner" | "workspace" | "youtube") => boolean;
249
261
  };
250
262
  id: {
251
263
  type: import("vue").PropType<string>;
@@ -273,11 +285,13 @@ declare const _sfc_main: import("vue").DefineComponent<{
273
285
  };
274
286
  }>> & {
275
287
  "onUpdate:modelValue"?: ((value: any) => any) | undefined;
288
+ "onClick:control"?: ((event: MouseEvent) => any) | undefined;
289
+ "onMousedown:control"?: ((event: MouseEvent) => any) | undefined;
276
290
  }, {
277
291
  value: any;
278
292
  description: string;
279
- size: "xs" | "sm" | "md" | "lg" | "xl";
280
293
  disabled: boolean;
294
+ theme: string;
281
295
  name: string | undefined;
282
296
  id: string;
283
297
  error: boolean;
@@ -291,10 +305,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
291
305
  validateOn: "input" | "blur" | "submit";
292
306
  validationValue: any;
293
307
  hideMessages: boolean;
294
- prependIcon: "search" | "link" | "list" | "filters" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "insert" | "list-search" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "source" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube";
295
- appendIcon: "search" | "link" | "list" | "filters" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "insert" | "list-search" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "source" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube";
308
+ prependIcon: "search" | "bold" | "link" | "list" | "fill" | "filters" | "add" | "administrator" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "bookmark-fill" | "bookmark" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory-open" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "format" | "formula" | "funnel" | "globe" | "highlight" | "infinity" | "info-fill" | "info" | "insert" | "italic" | "list-search" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "sorting-down" | "sorting-up" | "sorting" | "source" | "star-fill" | "star" | "tab-backward" | "tab-forward" | "telegram" | "timer" | "tool" | "truck" | "underline" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "whatsapp" | "winner" | "workspace" | "youtube";
309
+ appendIcon: "search" | "bold" | "link" | "list" | "fill" | "filters" | "add" | "administrator" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "bookmark-fill" | "bookmark" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory-open" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "format" | "formula" | "funnel" | "globe" | "highlight" | "infinity" | "info-fill" | "info" | "insert" | "italic" | "list-search" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "sorting-down" | "sorting-up" | "sorting" | "source" | "star-fill" | "star" | "tab-backward" | "tab-forward" | "telegram" | "timer" | "tool" | "truck" | "underline" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "whatsapp" | "winner" | "workspace" | "youtube";
296
310
  focused: boolean;
297
311
  readonly: boolean;
312
+ size: "xs" | "sm" | "md" | "lg" | "xl";
298
313
  }> | undefined>;
299
314
  isGroup: import("vue").Ref<boolean>;
300
315
  isFocused: import("vue").Ref<boolean>;
@@ -11,6 +11,11 @@ export declare const radioButtonProvideDefaultValue: IRadioButtonProvide;
11
11
  export declare const RadioButtonKey: unique symbol;
12
12
  export declare const componentName = "CdsRadioButton";
13
13
  declare const _sfc_main: import("vue").DefineComponent<{
14
+ theme: {
15
+ type: import("vue").PropType<string>;
16
+ available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
17
+ default: undefined;
18
+ };
14
19
  readonly: {
15
20
  type: import("vue").PropType<boolean>;
16
21
  default: boolean;
@@ -108,6 +113,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
108
113
  readonly readonly?: boolean | undefined;
109
114
  readonly direction?: NonNullable<"horizontal" | "vertical"> | undefined;
110
115
  readonly description?: string | undefined;
116
+ readonly theme?: string | undefined;
111
117
  readonly name?: string | undefined;
112
118
  readonly id?: string | undefined;
113
119
  readonly label?: string | undefined;
@@ -117,6 +123,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
117
123
  hasLabel: import("vue").ComputedRef<boolean>;
118
124
  hasDescription: import("vue").ComputedRef<boolean>;
119
125
  directionClasses: import("vue").ComputedRef<string>;
126
+ themeClasses: Readonly<import("vue").ComputedRef<string | undefined>>;
120
127
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
121
128
  /**
122
129
  * Событие при изменении значения (v-model)
@@ -124,6 +131,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
124
131
  */
125
132
  'update:modelValue': (value: string[]) => boolean;
126
133
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
134
+ theme: {
135
+ type: import("vue").PropType<string>;
136
+ available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
137
+ default: undefined;
138
+ };
127
139
  readonly: {
128
140
  type: import("vue").PropType<boolean>;
129
141
  default: boolean;
@@ -209,6 +221,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
209
221
  value: any;
210
222
  description: string;
211
223
  disabled: boolean;
224
+ theme: string;
212
225
  name: string | undefined;
213
226
  id: string;
214
227
  error: boolean;