@central-design-system/components 3.0.0-beta.4 → 3.0.0-beta.41

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 (228) hide show
  1. package/dist/cds.css +1 -1
  2. package/dist/cds.d.ts +4 -1
  3. package/dist/cds.es.js +18813 -14384
  4. package/dist/cds.umd.js +7 -3
  5. package/dist/components/CdsAutocomplete/CdsAutocomplete.vue.d.ts +115 -46
  6. package/dist/components/CdsBadge/CdsBadge.vue.d.ts +40 -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 +37 -26
  10. package/dist/components/CdsCheckbox/CdsCheckbox.vue.d.ts +68 -3
  11. package/dist/components/CdsCheckbox/CdsCheckboxGroup.vue.d.ts +13 -0
  12. package/dist/components/CdsCombobox/CdsCombobox.vue.d.ts +319 -120
  13. package/dist/components/CdsContainer/CdsContainer.vue.d.ts +41 -24
  14. package/dist/components/CdsContainer/context.d.ts +1 -1
  15. package/dist/components/CdsContentSwitcher/CdsContentSwitcher.vue.d.ts +11 -0
  16. package/dist/components/CdsContentSwitcher/CdsContentSwitcherItem.vue.d.ts +26 -26
  17. package/dist/components/CdsDatePicker/CdsDatePicker.vue.d.ts +12 -1
  18. package/dist/components/CdsDatePicker/composable/calendar.d.ts +2 -2
  19. package/dist/components/CdsDrawer/CdsDrawer.vue.d.ts +70 -4
  20. package/dist/components/CdsDropdown/CdsDropdown.vue.d.ts +278 -117
  21. package/dist/components/CdsEmptyState/CdsEmptyState.vue.d.ts +4 -4
  22. package/dist/components/CdsExpandablePanel/CdsExpandablePanel.vue.d.ts +13 -13
  23. package/dist/components/CdsExpandablePanel/CdsExpandablePanelTitle.vue.d.ts +10 -10
  24. package/dist/components/CdsExpandablePanel/CdsExpandablePanels.vue.d.ts +16 -5
  25. package/dist/components/CdsExpandablePanel/composable/expandablePanelTitleProps.d.ts +3 -3
  26. package/dist/components/CdsFooter/CdsFooter.vue.d.ts +23 -3
  27. package/dist/components/CdsForm/CdsForm.vue.d.ts +11 -0
  28. package/dist/components/CdsGrid/composable/column.d.ts +1 -1
  29. package/dist/components/CdsGrid/composable/subgrid.d.ts +1 -1
  30. package/dist/components/CdsGrid/mode/CSSGrid.d.ts +1 -1
  31. package/dist/components/CdsGrid/mode/FlexGrid.d.ts +1 -1
  32. package/dist/components/CdsHeader/CdsHeader.vue.d.ts +23 -3
  33. package/dist/components/CdsIcon/CdsIcon.vue.d.ts +27 -3
  34. package/dist/components/CdsInput/CdsInput.vue.d.ts +26 -21
  35. package/dist/components/CdsInput/CdsInputDescription.vue.d.ts +3 -3
  36. package/dist/components/CdsInput/CdsInputLabel.vue.d.ts +3 -3
  37. package/dist/components/CdsLayout/CdsLayout.vue.d.ts +12 -1
  38. package/dist/components/CdsLayout/context.d.ts +1 -1
  39. package/dist/components/CdsLink/CdsLink.vue.d.ts +15 -3
  40. package/dist/components/CdsList/CdsList.vue.d.ts +31 -19
  41. package/dist/components/CdsList/CdsListGroup.vue.d.ts +7 -7
  42. package/dist/components/CdsList/CdsListItem.vue.d.ts +12 -12
  43. package/dist/components/CdsList/composable/list.d.ts +1 -1
  44. package/dist/components/CdsLoader/CdsLoader.vue.d.ts +12 -0
  45. package/dist/components/CdsMenu/CdsMenu.vue.d.ts +36 -7
  46. package/dist/components/CdsModal/CdsModal.vue.d.ts +38 -5
  47. package/dist/components/CdsNotification/CdsNotification.vue.d.ts +38 -27
  48. package/dist/components/CdsNotification/CdsNotificationAlert.vue.d.ts +51 -22
  49. package/dist/components/CdsNotification/composable/notification.d.ts +4 -4
  50. package/dist/components/CdsOverlay/CdsOverlay.vue.d.ts +35 -3
  51. package/dist/components/CdsOverlay/composable/activator.d.ts +19 -6
  52. package/dist/components/CdsOverlay/composable/locationStrategies.d.ts +6 -5
  53. package/dist/components/CdsOverlay/composable/scrollStrategies.d.ts +1 -1
  54. package/dist/components/CdsOverlay/composable/teleport.d.ts +25 -1
  55. package/dist/components/CdsOverlay/constants.d.ts +2 -0
  56. package/dist/components/CdsPagination/CdsPagination.vue.d.ts +31 -0
  57. package/dist/components/CdsProgress/CdsProgress.vue.d.ts +12 -1
  58. package/dist/components/CdsRadioButton/CdsRadio.vue.d.ts +26 -11
  59. package/dist/components/CdsRadioButton/CdsRadioButton.vue.d.ts +13 -0
  60. package/dist/components/CdsSelect/CdsSelect.vue.d.ts +91 -61
  61. package/dist/components/CdsSidebar/CdsSidebar.vue.d.ts +30 -8
  62. package/dist/components/CdsSkeletonLoader/CdsSkeletonLoader.vue.d.ts +14 -3
  63. package/dist/components/CdsSlideGroup/CdsSlideGroup.vue.d.ts +19 -19
  64. package/dist/components/CdsStages/CdsStages.vue.d.ts +13 -1
  65. package/dist/components/CdsStatus/CdsStatus.vue.d.ts +20 -8
  66. package/dist/components/CdsSteps/CdsSteps.vue.d.ts +30 -23
  67. package/dist/components/CdsSteps/CdsStepsItem.vue.d.ts +3 -3
  68. package/dist/components/CdsSteps/context.d.ts +1 -1
  69. package/dist/components/CdsTable/CdsTable.vue.d.ts +99 -31
  70. package/dist/components/CdsTable/components/Footer/Footer.d.ts +1 -1
  71. package/dist/components/CdsTable/components/Header/DragHandle.d.ts +1 -1
  72. package/dist/components/CdsTable/components/Table/InternalTable.d.ts +89 -23
  73. package/dist/components/CdsTable/components/TableProvider.d.ts +101 -24
  74. package/dist/components/CdsTable/composable/filter.d.ts +1 -1
  75. package/dist/components/CdsTable/composable/flat.d.ts +1 -1
  76. package/dist/components/CdsTable/composable/pagination.d.ts +1 -1
  77. package/dist/components/CdsTable/composable/scroll.d.ts +4607 -0
  78. package/dist/components/CdsTable/composable/selection.d.ts +1 -1
  79. package/dist/components/CdsTable/composable/sorter.d.ts +1 -1
  80. package/dist/components/CdsTable/composable/sticky.d.ts +1 -1
  81. package/dist/components/CdsTable/composable/table.d.ts +47 -14
  82. package/dist/components/CdsTable/constants.d.ts +1 -0
  83. package/dist/components/CdsTable/context/summary.d.ts +1 -1
  84. package/dist/components/CdsTable/context/table.d.ts +1 -1
  85. package/dist/components/CdsTable/interface.d.ts +4 -7
  86. package/dist/components/CdsTable/utils/column.d.ts +1 -3
  87. package/dist/components/CdsTable/utils/index.d.ts +1 -1
  88. package/dist/components/CdsTable/utils/vnode.d.ts +10 -0
  89. package/dist/components/CdsTabs/CdsTab.vue.d.ts +13 -13
  90. package/dist/components/CdsTabs/CdsTabs.vue.d.ts +33 -22
  91. package/dist/components/CdsTag/CdsTag.vue.d.ts +15 -3
  92. package/dist/components/CdsTextArea/CdsTextArea.vue.d.ts +107 -87
  93. package/dist/components/CdsTextInput/CdsTextInput.vue.d.ts +103 -55
  94. package/dist/components/CdsTimePicker/CdsTimePicker.vue.d.ts +11 -0
  95. package/dist/components/CdsTimePicker/composable/time.d.ts +2 -2
  96. package/dist/components/CdsToggle/CdsToggle.vue.d.ts +13 -8
  97. package/dist/components/CdsToolbar/CdsToolbar.vue.d.ts +53 -0
  98. package/dist/components/CdsTooltip/CdsTooltip.vue.d.ts +39 -10
  99. package/dist/components/CdsTree/CdsTree.vue.d.ts +698 -0
  100. package/dist/components/CdsTree/CdsTreeDirectory.vue.d.ts +446 -0
  101. package/dist/components/CdsTree/CdsTreeNode.vue.d.ts +119 -0
  102. package/dist/components/CdsTree/components/DropIndicator.d.ts +9 -0
  103. package/dist/components/CdsTree/components/Indent.d.ts +10 -0
  104. package/dist/components/CdsTree/components/MotionTreeNode.d.ts +128 -0
  105. package/dist/components/CdsTree/components/NodeList.d.ts +191 -0
  106. package/dist/components/CdsTree/components/SwitcherIcon.d.ts +12 -0
  107. package/dist/components/CdsTree/components/TreeContext.d.ts +81 -0
  108. package/dist/components/CdsTree/components/TreeProvider.d.ts +619 -0
  109. package/dist/components/CdsTree/components/VirtualList/Filler.d.ts +12 -0
  110. package/dist/components/CdsTree/components/VirtualList/Item.d.ts +6 -0
  111. package/dist/components/CdsTree/components/VirtualList/ScrollBar.d.ts +33 -0
  112. package/dist/components/CdsTree/components/VirtualList/VirtualList.d.ts +84 -0
  113. package/dist/components/CdsTree/components/VirtualList/features/index.d.ts +5 -0
  114. package/dist/components/CdsTree/components/VirtualList/features/useFrameWheel.d.ts +10 -0
  115. package/dist/components/CdsTree/components/VirtualList/features/useHeights.d.ts +9 -0
  116. package/dist/components/CdsTree/components/VirtualList/features/useMobileTouchMove.d.ts +2 -0
  117. package/dist/components/CdsTree/components/VirtualList/features/useOriginScroll.d.ts +2 -0
  118. package/dist/components/CdsTree/components/VirtualList/features/useScrollTo.d.ts +4 -0
  119. package/dist/components/CdsTree/components/VirtualList/index.d.ts +2 -0
  120. package/dist/components/CdsTree/components/VirtualList/interface.d.ts +10 -0
  121. package/dist/components/CdsTree/composable/events.d.ts +133 -0
  122. package/dist/components/CdsTree/composable/index.d.ts +2 -0
  123. package/dist/components/CdsTree/composable/tree.d.ts +273 -0
  124. package/dist/components/CdsTree/composable/treeNode.d.ts +75 -0
  125. package/dist/components/CdsTree/index.d.ts +5 -0
  126. package/dist/components/CdsTree/interface.d.ts +104 -4
  127. package/dist/components/CdsTree/utils/conduct.d.ts +1 -1
  128. package/dist/components/CdsTree/utils/data.d.ts +70 -0
  129. package/dist/components/CdsTree/utils/diff.d.ts +6 -0
  130. package/dist/components/CdsTree/utils/directory.d.ts +9 -0
  131. package/dist/components/CdsTree/utils/index.d.ts +2 -0
  132. package/dist/components/CdsUploader/CdsUploader.vue.d.ts +62 -41
  133. package/dist/components/CdsUploader/components/AjaxUploader.d.ts +15 -15
  134. package/dist/components/CdsUploader/components/UploadList/ListItem.d.ts +40 -22
  135. package/dist/components/CdsUploader/components/UploadList/UploadList.d.ts +39 -21
  136. package/dist/components/CdsUploader/composable/upload.d.ts +28 -15
  137. package/dist/components/CdsUploader/index.d.ts +1 -0
  138. package/dist/components/CdsUploader/interface.d.ts +1 -1
  139. package/dist/components/index.d.ts +5 -1
  140. package/dist/composable/appearance.d.ts +2 -2
  141. package/dist/composable/datetime.d.ts +4 -4
  142. package/dist/composable/delay.d.ts +3 -2
  143. package/dist/composable/direction.d.ts +1 -1
  144. package/dist/composable/display.d.ts +2 -0
  145. package/dist/composable/domObserver.d.ts +5 -0
  146. package/dist/composable/field.d.ts +16 -5
  147. package/dist/composable/filter.d.ts +30 -0
  148. package/dist/composable/form.d.ts +2 -2
  149. package/dist/composable/group.d.ts +3 -3
  150. package/dist/composable/icon.d.ts +3 -3
  151. package/dist/composable/index.d.ts +5 -1
  152. package/dist/composable/invertColor.d.ts +19 -0
  153. package/dist/composable/layout.d.ts +20 -20
  154. package/dist/composable/loading.d.ts +2 -2
  155. package/dist/composable/menu.d.ts +1 -1
  156. package/dist/composable/nested/nested.d.ts +2 -2
  157. package/dist/composable/overlay.d.ts +9 -1
  158. package/dist/{components/CdsDropdown/composable → composable}/scrolling.d.ts +2 -2
  159. package/dist/composable/select.d.ts +29 -11
  160. package/dist/composable/size.d.ts +1 -1
  161. package/dist/composable/text.d.ts +2 -2
  162. package/dist/composable/theme.d.ts +82 -0
  163. package/dist/composable/transition.d.ts +2 -0
  164. package/dist/composable/transparent.d.ts +19 -0
  165. package/dist/composable/validation.d.ts +2 -2
  166. package/dist/composable/variant.d.ts +1 -1
  167. package/dist/create.d.ts +7 -1
  168. package/dist/globals.d.ts +7 -0
  169. package/dist/locale/index.d.ts +1 -1
  170. package/dist/themes/b2b.d.ts +26 -0
  171. package/dist/themes/cds.d.ts +26 -0
  172. package/dist/themes/dark.d.ts +26 -0
  173. package/dist/themes/index.d.ts +5 -0
  174. package/dist/themes/promo.d.ts +26 -0
  175. package/dist/themes/themes.d.ts +10 -0
  176. package/dist/transitions/collapseTransition.d.ts +11 -0
  177. package/dist/transitions/index.d.ts +1 -0
  178. package/dist/utils/colors.d.ts +368 -0
  179. package/dist/utils/colorsUtils/APCA.d.ts +7 -0
  180. package/dist/utils/colorsUtils/index.d.ts +1 -0
  181. package/dist/utils/colorsUtils/transformCIELAB.d.ts +3 -0
  182. package/dist/utils/colorsUtils/transformSRGB.d.ts +3 -0
  183. package/dist/utils/colorsUtils/utils.d.ts +41 -0
  184. package/dist/utils/dom/bindProps.d.ts +2 -0
  185. package/dist/utils/dom/box.d.ts +1 -0
  186. package/dist/utils/helpers.d.ts +31 -6
  187. package/dist/utils/index.d.ts +5 -0
  188. package/dist/utils/propsFactory.d.ts +1 -1
  189. package/dist/utils/use/flattenChildren.d.ts +3 -0
  190. package/nuxt.js +2 -1
  191. package/package.json +4 -1
  192. package/src/scss/mixins/typo.scss +0 -3
  193. package/src/scss/modules/_transition.scss +31 -0
  194. package/src/scss/modules/grid/_css-grid.scss +12 -19
  195. package/src/scss/modules/grid/_flex-grid.scss +9 -5
  196. package/src/scss/modules/grid/_mixins.scss +23 -31
  197. package/src/scss/themes/b2b/tokens.json +104 -104
  198. package/src/scss/themes/cds/tokens.json +104 -104
  199. package/src/scss/themes/index.ts +1 -1
  200. package/src/scss/utility/display.scss +56 -5
  201. package/src/scss/utility/flexbox.scss +26 -28
  202. package/src/scss/utility/index.scss +1 -2
  203. package/src/scss/utility/layout.scss +65 -3
  204. package/src/scss/utility/spacing.scss +46 -86
  205. package/src/scss/utility/typography.scss +48 -1
  206. package/src/scss/utility/variables/display.scss +10 -0
  207. package/src/scss/utility/variables/exports/_display.scss +7 -0
  208. package/src/scss/utility/variables/exports/_flex.scss +13 -0
  209. package/src/scss/utility/variables/exports/_overflow.scss +7 -0
  210. package/src/scss/utility/variables/exports/_position.scss +7 -0
  211. package/src/scss/utility/variables/exports/_spacing.scss +14 -0
  212. package/src/scss/utility/variables/exports/_typography.scss +22 -0
  213. package/src/scss/utility/variables/exports/_visibility.scss +7 -0
  214. package/src/scss/utility/variables/exports/_widthHeight.scss +7 -0
  215. package/src/scss/utility/variables/flex.scss +140 -0
  216. package/src/scss/utility/variables/index.scss +12 -0
  217. package/src/scss/utility/variables/overflow.scss +6 -0
  218. package/src/scss/utility/variables/position.scss +7 -0
  219. package/src/scss/utility/variables/spacing.scss +37 -0
  220. package/src/scss/utility/{variables.scss → variables/typography.scss} +48 -71
  221. package/src/scss/utility/variables/visibility.scss +5 -0
  222. package/src/scss/utility/variables/widthHeight.scss +69 -0
  223. package/dist/components/CdsDropdown/composable/index.d.ts +0 -1
  224. package/dist/composable/dark.d.ts +0 -19
  225. package/dist/plugins/index.d.ts +0 -2
  226. package/src/scss/utility/generatedFiles/generatedStyles.json +0 -1
  227. package/src/scss/utility/generatedFiles/generatedStyles.scss +0 -300
  228. /package/dist/{components/CdsTable/utils → utils/use}/listener.d.ts +0 -0
@@ -17,7 +17,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
17
17
  };
18
18
  locationStrategy: {
19
19
  type: PropType<"static" | "connected" | ((data: import("../CdsOverlay/composable").ILocationStrategyData, props: import("../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
20
- updateLocation: (event: Event) => void;
20
+ updateLocation: (event: Event | HTMLElement[]) => void;
21
21
  } | undefined)>;
22
22
  default: string;
23
23
  validator: (value: any) => boolean;
@@ -37,6 +37,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
37
37
  type: PropType<string | number | number[]>;
38
38
  default: null;
39
39
  };
40
+ theme: {
41
+ type: PropType<string>;
42
+ available: readonly ["cds", "b2b", "promo", "dark"];
43
+ default: undefined;
44
+ };
40
45
  height: {
41
46
  type: PropType<string | number>;
42
47
  default: string;
@@ -81,6 +86,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
81
86
  type: PropType<Record<string, any>>;
82
87
  default: () => {};
83
88
  };
89
+ target: {
90
+ 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>;
91
+ default: undefined;
92
+ };
84
93
  openOnClick: {
85
94
  type: PropType<boolean | undefined>;
86
95
  default: undefined;
@@ -141,6 +150,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
141
150
  type: PropType<boolean>;
142
151
  default: boolean;
143
152
  };
153
+ opacity: {
154
+ type: PropType<string | number>;
155
+ default: undefined;
156
+ };
144
157
  locale: {
145
158
  type: PropType<"ru" | "en" | import("../../locale").ILocale>;
146
159
  default: undefined;
@@ -158,18 +171,18 @@ declare const _sfc_main: import("vue").DefineComponent<{
158
171
  validator: (value: "error" | "info" | "success" | "warning" | "progress") => boolean;
159
172
  };
160
173
  variant: {
161
- type: PropType<any>;
174
+ type: PropType<"default" | "important">;
162
175
  default: string;
163
176
  validator: (value: "default" | "important") => boolean;
164
177
  };
165
178
  icon: {
166
- type: PropType<false | "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">;
179
+ type: PropType<false | "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" | "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">;
167
180
  default: null;
168
181
  };
169
182
  customIcon: {
170
- type: 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" | undefined>;
183
+ type: 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" | "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" | undefined>;
171
184
  default: undefined;
172
- 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" | undefined) => boolean;
185
+ 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" | "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" | undefined) => boolean;
173
186
  };
174
187
  closable: {
175
188
  type: BooleanConstructor;
@@ -180,12 +193,12 @@ declare const _sfc_main: import("vue").DefineComponent<{
180
193
  default: string;
181
194
  };
182
195
  closeIcon: {
183
- type: 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">;
196
+ type: 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" | "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">;
184
197
  default: string;
185
- 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;
198
+ 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" | "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;
186
199
  };
187
200
  text: {
188
- type: PropType<string>;
201
+ type: PropType<string | number>;
189
202
  default: undefined;
190
203
  };
191
204
  title: {
@@ -218,7 +231,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
218
231
  };
219
232
  locationStrategy: {
220
233
  type: PropType<"static" | "connected" | ((data: import("../CdsOverlay/composable").ILocationStrategyData, props: import("../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
221
- updateLocation: (event: Event) => void;
234
+ updateLocation: (event: Event | HTMLElement[]) => void;
222
235
  } | undefined)>;
223
236
  default: string;
224
237
  validator: (value: any) => boolean;
@@ -238,6 +251,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
238
251
  type: PropType<string | number | number[]>;
239
252
  default: null;
240
253
  };
254
+ theme: {
255
+ type: PropType<string>;
256
+ available: readonly ["cds", "b2b", "promo", "dark"];
257
+ default: undefined;
258
+ };
241
259
  height: {
242
260
  type: PropType<string | number>;
243
261
  default: string;
@@ -282,6 +300,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
282
300
  type: PropType<Record<string, any>>;
283
301
  default: () => {};
284
302
  };
303
+ target: {
304
+ 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>;
305
+ default: undefined;
306
+ };
285
307
  openOnClick: {
286
308
  type: PropType<boolean | undefined>;
287
309
  default: undefined;
@@ -342,6 +364,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
342
364
  type: PropType<boolean>;
343
365
  default: boolean;
344
366
  };
367
+ opacity: {
368
+ type: PropType<string | number>;
369
+ default: undefined;
370
+ };
345
371
  locale: {
346
372
  type: PropType<"ru" | "en" | import("../../locale").ILocale>;
347
373
  default: undefined;
@@ -359,18 +385,18 @@ declare const _sfc_main: import("vue").DefineComponent<{
359
385
  validator: (value: "error" | "info" | "success" | "warning" | "progress") => boolean;
360
386
  };
361
387
  variant: {
362
- type: PropType<any>;
388
+ type: PropType<"default" | "important">;
363
389
  default: string;
364
390
  validator: (value: "default" | "important") => boolean;
365
391
  };
366
392
  icon: {
367
- type: PropType<false | "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">;
393
+ type: PropType<false | "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" | "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">;
368
394
  default: null;
369
395
  };
370
396
  customIcon: {
371
- type: 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" | undefined>;
397
+ type: 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" | "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" | undefined>;
372
398
  default: undefined;
373
- 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" | undefined) => boolean;
399
+ 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" | "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" | undefined) => boolean;
374
400
  };
375
401
  closable: {
376
402
  type: BooleanConstructor;
@@ -381,12 +407,12 @@ declare const _sfc_main: import("vue").DefineComponent<{
381
407
  default: string;
382
408
  };
383
409
  closeIcon: {
384
- type: 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">;
410
+ type: 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" | "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">;
385
411
  default: string;
386
- 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;
412
+ 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" | "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;
387
413
  };
388
414
  text: {
389
- type: PropType<string>;
415
+ type: PropType<string | number>;
390
416
  default: undefined;
391
417
  };
392
418
  title: {
@@ -406,11 +432,12 @@ declare const _sfc_main: import("vue").DefineComponent<{
406
432
  title: string;
407
433
  tag: string;
408
434
  disabled: boolean;
435
+ theme: string;
409
436
  location: NonNullable<import('../../utils').TAnchor>;
410
- text: string;
437
+ text: string | number;
411
438
  modelValue: boolean;
412
439
  locale: "ru" | "en" | import("../../locale").ILocale;
413
- icon: false | "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";
440
+ icon: false | "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" | "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";
414
441
  eager: boolean;
415
442
  transition: NonNullable<string | boolean | (import("vue").TransitionProps & {
416
443
  component?: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | undefined;
@@ -424,8 +451,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
424
451
  contentClasses: string | string[] | Record<string, boolean>;
425
452
  contentProps: Record<string, unknown>;
426
453
  noClickAnimation: boolean;
454
+ opacity: string | number;
427
455
  activator: string | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element;
428
456
  activatorProps: Record<string, any>;
457
+ 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;
429
458
  openOnClick: boolean | undefined;
430
459
  openOnHover: boolean;
431
460
  openOnFocus: boolean | undefined;
@@ -433,7 +462,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
433
462
  closeDelay: string | number;
434
463
  openDelay: string | number;
435
464
  locationStrategy: "static" | "connected" | ((data: import("../CdsOverlay/composable").ILocationStrategyData, props: import("../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
436
- updateLocation: (event: Event) => void;
465
+ updateLocation: (event: Event | HTMLElement[]) => void;
437
466
  } | undefined);
438
467
  origin: import('../../utils').TAnchor | "auto" | "overlap";
439
468
  offset: string | number | number[];
@@ -443,11 +472,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
443
472
  maxWidth: string | number;
444
473
  minHeight: string | number;
445
474
  minWidth: string | number;
446
- variant: any;
447
- customIcon: "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" | undefined;
475
+ variant: "default" | "important";
476
+ customIcon: "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" | "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" | undefined;
448
477
  closable: boolean;
449
478
  closeLabel: string;
450
- closeIcon: "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";
479
+ closeIcon: "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" | "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";
451
480
  status: "error" | "info" | "success" | "warning" | "progress";
452
481
  timeout: string | number;
453
482
  }>;
@@ -1,7 +1,7 @@
1
1
  import { ComputedRef } from 'vue';
2
2
  import type { TCdsIconsName } from '@central-design-system/icons';
3
- import type { PropType } from 'vue';
4
3
  import type { TStatus } from '../../../composable';
4
+ import type { PropType } from 'vue';
5
5
  export declare type TNotificationLocale = {
6
6
  closeLabel?: string;
7
7
  };
@@ -27,14 +27,14 @@ export declare const makeNotificationProps: <Defaults extends {
27
27
  * Иконка
28
28
  */
29
29
  icon: {
30
- type: PropType<false | "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">;
30
+ type: PropType<false | "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" | "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">;
31
31
  default: null;
32
32
  };
33
33
  /**
34
34
  * Своя иконка
35
35
  */
36
36
  customIcon: {
37
- type: 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" | undefined>;
37
+ type: 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" | "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" | undefined>;
38
38
  default: undefined;
39
39
  validator: (value?: TCdsIconsName) => boolean;
40
40
  };
@@ -56,7 +56,7 @@ export declare const makeNotificationProps: <Defaults extends {
56
56
  * Иконка кнопки закрытия
57
57
  */
58
58
  closeIcon: {
59
- type: 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">;
59
+ type: 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" | "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">;
60
60
  default: string;
61
61
  validator: (value: TCdsIconsName) => boolean;
62
62
  };
@@ -1,6 +1,10 @@
1
1
  import type { PropType } from 'vue';
2
2
  export declare const componentName = "CdsOverlay";
3
3
  declare const _sfc_main: import("vue").DefineComponent<{
4
+ _disableGlobalStack: {
5
+ type: BooleanConstructor;
6
+ default: undefined;
7
+ };
4
8
  transition: {
5
9
  type: PropType<string | boolean | (import("vue").TransitionProps & {
6
10
  component?: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | undefined;
@@ -19,7 +23,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
19
23
  };
20
24
  locationStrategy: {
21
25
  type: PropType<"static" | "connected" | ((data: import("./composable").ILocationStrategyData, props: import("./composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
22
- updateLocation: (event: Event) => void;
26
+ updateLocation: (event: Event | HTMLElement[]) => void;
23
27
  } | undefined)>;
24
28
  default: string;
25
29
  validator: (value: any) => boolean;
@@ -76,6 +80,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
76
80
  type: PropType<Record<string, any>>;
77
81
  default: () => {};
78
82
  };
83
+ target: {
84
+ 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>;
85
+ default: undefined;
86
+ };
79
87
  openOnClick: {
80
88
  type: PropType<boolean | undefined>;
81
89
  default: undefined;
@@ -136,6 +144,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
136
144
  type: PropType<boolean>;
137
145
  default: boolean;
138
146
  };
147
+ opacity: {
148
+ type: PropType<string | number>;
149
+ default: undefined;
150
+ };
139
151
  /**
140
152
  * Применяет position: absolute к содержимому оверлея
141
153
  */
@@ -153,11 +165,19 @@ declare const _sfc_main: import("vue").DefineComponent<{
153
165
  * Событие, которое срабатывает при клике вне оверлея.
154
166
  */
155
167
  'click:outside': (event: MouseEvent) => true;
168
+ /**
169
+ * Событие после появления оверлея
170
+ */
171
+ afterEnter: () => true;
156
172
  /**
157
173
  * Событие после исчезновения оверлея
158
174
  */
159
175
  afterLeave: () => true;
160
176
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
177
+ _disableGlobalStack: {
178
+ type: BooleanConstructor;
179
+ default: undefined;
180
+ };
161
181
  transition: {
162
182
  type: PropType<string | boolean | (import("vue").TransitionProps & {
163
183
  component?: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | undefined;
@@ -176,7 +196,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
176
196
  };
177
197
  locationStrategy: {
178
198
  type: PropType<"static" | "connected" | ((data: import("./composable").ILocationStrategyData, props: import("./composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
179
- updateLocation: (event: Event) => void;
199
+ updateLocation: (event: Event | HTMLElement[]) => void;
180
200
  } | undefined)>;
181
201
  default: string;
182
202
  validator: (value: any) => boolean;
@@ -233,6 +253,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
233
253
  type: PropType<Record<string, any>>;
234
254
  default: () => {};
235
255
  };
256
+ target: {
257
+ 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>;
258
+ default: undefined;
259
+ };
236
260
  openOnClick: {
237
261
  type: PropType<boolean | undefined>;
238
262
  default: undefined;
@@ -293,6 +317,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
293
317
  type: PropType<boolean>;
294
318
  default: boolean;
295
319
  };
320
+ opacity: {
321
+ type: PropType<string | number>;
322
+ default: undefined;
323
+ };
296
324
  /**
297
325
  * Применяет position: absolute к содержимому оверлея
298
326
  */
@@ -302,6 +330,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
302
330
  };
303
331
  }>> & {
304
332
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
333
+ onAfterEnter?: (() => any) | undefined;
305
334
  onAfterLeave?: (() => any) | undefined;
306
335
  "onClick:outside"?: ((event: MouseEvent) => any) | undefined;
307
336
  }, {
@@ -321,8 +350,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
321
350
  contentClasses: string | string[] | Record<string, boolean>;
322
351
  contentProps: Record<string, unknown>;
323
352
  noClickAnimation: boolean;
353
+ opacity: string | number;
324
354
  activator: string | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element;
325
355
  activatorProps: Record<string, any>;
356
+ 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;
326
357
  openOnClick: boolean | undefined;
327
358
  openOnHover: boolean;
328
359
  openOnFocus: boolean | undefined;
@@ -330,7 +361,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
330
361
  closeDelay: string | number;
331
362
  openDelay: string | number;
332
363
  locationStrategy: "static" | "connected" | ((data: import("./composable").ILocationStrategyData, props: import("./composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
333
- updateLocation: (event: Event) => void;
364
+ updateLocation: (event: Event | HTMLElement[]) => void;
334
365
  } | undefined);
335
366
  origin: import('../../utils').TAnchor | "auto" | "overlap";
336
367
  offset: string | number | number[];
@@ -342,5 +373,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
342
373
  minHeight: string | number;
343
374
  minWidth: string | number;
344
375
  absolute: boolean;
376
+ _disableGlobalStack: boolean;
345
377
  }>;
346
378
  export default _sfc_main;
@@ -1,9 +1,10 @@
1
1
  import { ComputedRef } from 'vue';
2
- import type { ComponentPublicInstance, PropType, Ref } from 'vue';
3
2
  import type { IDelayProps } from '../../../composable';
3
+ import type { ComponentPublicInstance, PropType, Ref } from 'vue';
4
4
  export interface IActivatorProps extends IDelayProps {
5
5
  activator: 'parent' | string | Element | ComponentPublicInstance;
6
6
  activatorProps: Record<string, any>;
7
+ target: 'parent' | 'cursor' | (string & {}) | Element | ComponentPublicInstance | [x: number, y: number] | undefined;
7
8
  openOnClick: boolean | undefined;
8
9
  openOnHover: boolean;
9
10
  openOnFocus: boolean | undefined;
@@ -12,20 +13,24 @@ export interface IActivatorProps extends IDelayProps {
12
13
  export interface IUseActivator {
13
14
  activatorEl: Ref<HTMLElement | undefined>;
14
15
  activatorRef: Ref<HTMLElement | undefined>;
16
+ target: ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
17
+ targetEl: ComputedRef<HTMLElement | undefined>;
18
+ targetRef: Ref<HTMLElement | undefined>;
15
19
  activatorEvents: ComputedRef<Partial<TAvailableEvents>>;
16
20
  contentEvents: ComputedRef<Partial<TAvailableEvents>>;
17
21
  scrimEvents: ComputedRef<Partial<TAvailableEvents>>;
18
22
  }
19
23
  declare type TAvailableEvents = {
20
- click: (event: MouseEvent) => void;
21
- mouseenter: (event: MouseEvent) => void;
22
- mouseleave: (event: MouseEvent) => void;
23
- focus: (event: FocusEvent) => void;
24
- blur: (event: FocusEvent) => void;
24
+ onClick: (event: MouseEvent) => void;
25
+ onMouseenter: (event: MouseEvent) => void;
26
+ onMouseleave: (event: MouseEvent) => void;
27
+ onFocus: (event: FocusEvent) => void;
28
+ onBlur: (event: FocusEvent) => void;
25
29
  };
26
30
  export declare const makeActivatorProps: <Defaults extends {
27
31
  activator?: unknown;
28
32
  activatorProps?: unknown;
33
+ target?: unknown;
29
34
  openOnClick?: unknown;
30
35
  openOnHover?: unknown;
31
36
  openOnFocus?: unknown;
@@ -45,6 +50,14 @@ export declare const makeActivatorProps: <Defaults extends {
45
50
  type: PropType<Record<string, any>>;
46
51
  default: () => {};
47
52
  };
53
+ /**
54
+ * Для locationStrategy="connected" укажите элемент или массив координат x,y, относительно которого должен позиционироваться оверлей.
55
+ * По умолчанию это будет элемент активатора.
56
+ */
57
+ target: {
58
+ type: PropType<ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element | "parent" | "cursor" | (string & {}) | [x: number, y: number] | undefined>;
59
+ default: undefined;
60
+ };
48
61
  /**
49
62
  * Показать компонент по клику на активатор
50
63
  */