@central-design-system/components 2.33.0 → 3.0.0-alpha.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 (334) hide show
  1. package/dist/cds.css +1 -111
  2. package/dist/cds.d.ts +48 -0
  3. package/dist/cds.es.js +5454 -0
  4. package/dist/cds.umd.js +1 -0
  5. package/dist/components/CdsBadge/CdsBadge.vue.d.ts +32 -0
  6. package/dist/components/CdsButton/CdsButton.vue.d.ts +140 -0
  7. package/dist/components/CdsCheckbox/CdsCheckbox.vue.d.ts +222 -0
  8. package/dist/components/CdsCheckbox/CdsCheckboxGroup.vue.d.ts +205 -0
  9. package/dist/components/CdsDrawer/CdsDrawer.vue.d.ts +179 -0
  10. package/dist/components/CdsForm/CdsForm.vue.d.ts +99 -0
  11. package/dist/components/CdsGrid/CdsCol.vue.d.ts +73 -0
  12. package/dist/components/CdsGrid/CdsGrid.vue.d.ts +55 -0
  13. package/dist/components/CdsGrid/CdsRow.vue.d.ts +37 -0
  14. package/dist/components/CdsGrid/composable/column.d.ts +84 -0
  15. package/dist/components/CdsGrid/composable/grid.d.ts +24 -0
  16. package/dist/components/CdsGrid/composable/index.d.ts +4 -0
  17. package/dist/components/CdsGrid/composable/subgrid.d.ts +20 -0
  18. package/dist/components/CdsGrid/composable/wide.d.ts +12 -0
  19. package/dist/components/CdsGrid/mode/CSSGrid.d.ts +5 -0
  20. package/dist/components/CdsGrid/mode/FlexGrid.d.ts +5 -0
  21. package/dist/components/CdsGrid/types.d.ts +27 -0
  22. package/dist/components/CdsIcon/CdsIcon.vue.d.ts +44 -0
  23. package/dist/components/CdsIcon/index.d.ts +1 -0
  24. package/dist/components/CdsInput/CdsInput.vue.d.ts +219 -0
  25. package/dist/components/CdsInput/CdsInputCounter.vue.d.ts +39 -0
  26. package/dist/components/CdsInput/CdsInputDescription.vue.d.ts +26 -0
  27. package/dist/components/CdsInput/CdsInputLabel.vue.d.ts +32 -0
  28. package/dist/components/CdsInput/CdsInputMessages.vue.d.ts +221 -0
  29. package/dist/components/CdsInput/index.d.ts +5 -0
  30. package/dist/components/CdsLink/CdsLink.vue.d.ts +50 -0
  31. package/dist/components/CdsList/CdsList.vue.d.ts +158 -0
  32. package/dist/components/CdsList/CdsListGroup.vue.d.ts +125 -0
  33. package/dist/components/CdsList/CdsListItem.vue.d.ts +178 -0
  34. package/dist/components/CdsList/composable/depth.d.ts +3 -0
  35. package/dist/components/CdsList/composable/focus.d.ts +12 -0
  36. package/dist/components/CdsList/composable/index.d.ts +3 -0
  37. package/dist/components/CdsList/composable/list.d.ts +19 -0
  38. package/dist/components/CdsList/index.d.ts +3 -0
  39. package/dist/components/CdsLoader/CdsLoader.vue.d.ts +62 -0
  40. package/dist/components/CdsLoader/index.d.ts +1 -0
  41. package/dist/components/CdsMenu/CdsMenu.vue.d.ts +592 -0
  42. package/dist/components/CdsMenu/shared.d.ts +10 -0
  43. package/dist/components/CdsOverlay/CdsOverlay.vue.d.ts +324 -0
  44. package/dist/components/CdsOverlay/composable/activator.d.ts +81 -0
  45. package/dist/components/CdsOverlay/composable/index.d.ts +6 -0
  46. package/dist/components/CdsOverlay/composable/locationStrategies.d.ts +75 -0
  47. package/dist/components/CdsOverlay/composable/scrim.d.ts +8 -0
  48. package/dist/components/CdsOverlay/composable/scrollStrategies.d.ts +33 -0
  49. package/dist/components/CdsOverlay/composable/stack.d.ts +9 -0
  50. package/dist/components/CdsOverlay/composable/teleport.d.ts +6 -0
  51. package/dist/components/CdsOverlay/utils/index.d.ts +2 -0
  52. package/dist/components/CdsOverlay/utils/point.d.ts +20 -0
  53. package/dist/components/CdsOverlay/utils/requestNewFrame.d.ts +5 -0
  54. package/dist/components/CdsRadioButton/CdsRadio.vue.d.ts +201 -0
  55. package/dist/components/CdsRadioButton/CdsRadioButton.vue.d.ts +200 -0
  56. package/dist/components/CdsSelect/CdsSelect.vue.d.ts +664 -0
  57. package/dist/components/CdsSidebar/CdsSidebar.vue.d.ts +61 -0
  58. package/dist/components/CdsStages/CdsStages.vue.d.ts +102 -0
  59. package/dist/components/CdsStatus/CdsStatus.vue.d.ts +46 -0
  60. package/dist/components/CdsTag/CdsTag.vue.d.ts +96 -0
  61. package/dist/components/CdsTextArea/CdsTextArea.vue.d.ts +681 -0
  62. package/dist/components/CdsTextInput/CdsTextInput.vue.d.ts +600 -0
  63. package/dist/components/index.d.ts +35 -0
  64. package/dist/composable/appearance.d.ts +24 -0
  65. package/dist/composable/color.d.ts +21 -0
  66. package/dist/composable/dark.d.ts +19 -0
  67. package/dist/composable/delay.d.ts +29 -0
  68. package/dist/composable/dimensions.d.ts +47 -0
  69. package/dist/composable/direction.d.ts +24 -0
  70. package/dist/composable/disabled.d.ts +19 -0
  71. package/dist/composable/field.d.ts +138 -0
  72. package/dist/composable/focus.d.ts +22 -0
  73. package/dist/composable/form.d.ts +126 -0
  74. package/dist/composable/hidration.d.ts +1 -0
  75. package/dist/composable/icon.d.ts +57 -0
  76. package/dist/composable/index.d.ts +29 -0
  77. package/dist/composable/input.d.ts +97 -0
  78. package/dist/composable/items.d.ts +79 -0
  79. package/dist/composable/lazy.d.ts +11 -0
  80. package/dist/composable/link.d.ts +35 -0
  81. package/dist/composable/loading.d.ts +20 -0
  82. package/dist/composable/nested/nested.d.ts +85 -0
  83. package/dist/composable/nested/openStrategies.d.ts +25 -0
  84. package/dist/composable/nested/selectStrategies.d.ts +21 -0
  85. package/dist/composable/overlay.d.ts +99 -0
  86. package/dist/composable/proxyModel.d.ts +8 -0
  87. package/dist/composable/render.d.ts +2 -0
  88. package/dist/composable/scopeId.d.ts +5 -0
  89. package/dist/composable/size.d.ts +24 -0
  90. package/dist/composable/status.d.ts +21 -0
  91. package/dist/composable/tag.d.ts +16 -0
  92. package/dist/composable/text.d.ts +17 -0
  93. package/dist/composable/toggleScope.d.ts +2 -0
  94. package/dist/composable/transition.d.ts +22 -0
  95. package/dist/composable/validation.d.ts +136 -0
  96. package/dist/directives/click-outside/index.d.ts +14 -0
  97. package/dist/directives/index.d.ts +1 -0
  98. package/dist/globals.d.ts +16 -0
  99. package/dist/plugins/index.d.ts +2 -0
  100. package/dist/shims-vue.d.ts +24 -0
  101. package/dist/transitions/createTransition.d.ts +38 -0
  102. package/dist/transitions/expandTransition.d.ts +19 -0
  103. package/dist/transitions/index.d.ts +104 -0
  104. package/dist/types/CdsOptions.d.ts +3 -0
  105. package/dist/utils/anchor.d.ts +23 -0
  106. package/dist/utils/animation.d.ts +6 -0
  107. package/dist/utils/box.d.ts +26 -0
  108. package/dist/utils/changeCase/lowerCase.d.ts +8 -0
  109. package/dist/utils/changeCase/noCase.d.ts +10 -0
  110. package/dist/utils/changeCase/paramCase.d.ts +3 -0
  111. package/dist/utils/changeCase/pascalCase.d.ts +5 -0
  112. package/dist/utils/dom.d.ts +6 -0
  113. package/dist/utils/getCurrentInstance.d.ts +13 -0
  114. package/dist/utils/getScrollParent.d.ts +3 -0
  115. package/dist/utils/globals.d.ts +4 -0
  116. package/dist/utils/helpers.d.ts +73 -0
  117. package/dist/utils/index.d.ts +13 -0
  118. package/dist/utils/propsFactory.d.ts +52 -0
  119. package/nuxt.js +13 -0
  120. package/package.json +37 -80
  121. package/src/scss/index.scss +10 -0
  122. package/{dist/mixins/scss → src/scss/mixins}/layout/_convert.scss +4 -2
  123. package/src/scss/mixins/layout/_shadow.scss +4 -0
  124. package/src/scss/mixins/layout/exports/_mini-unit.module.scss +5 -0
  125. package/src/scss/mixins/layout/exports/_spacing-all.module.scss +3 -0
  126. package/src/scss/mixins/layout/exports/_spacing-fluid.module.scss +8 -0
  127. package/src/scss/mixins/layout/exports/_spacing-layout.module.scss +11 -0
  128. package/src/scss/mixins/layout/exports/_spacing.module.scss +16 -0
  129. package/{dist/mixins/scss → src/scss/mixins}/layout/index.scss +1 -2
  130. package/{dist/mixins/scss → src/scss/mixins}/typo.scss +0 -67
  131. package/src/scss/modules/_reset.scss +113 -0
  132. package/src/scss/modules/_transition.scss +54 -0
  133. package/src/scss/modules/_typography.scss +36 -0
  134. package/src/scss/modules/_variables.scss +9 -0
  135. package/src/scss/modules/grid/_aspect-ratio.scss +62 -0
  136. package/src/scss/modules/grid/_breakpoint.scss +195 -0
  137. package/src/scss/modules/grid/_config.scss +88 -0
  138. package/src/scss/modules/grid/_css-grid.scss +445 -0
  139. package/src/scss/modules/grid/_flex-grid.scss +39 -0
  140. package/src/scss/modules/grid/_mixins.scss +307 -0
  141. package/src/scss/modules/grid/exports/_config.module.scss +9 -0
  142. package/src/scss/modules/grid/index.scss +5 -0
  143. package/src/scss/themes/b2b/tokens-map.scss +139 -0
  144. package/src/scss/themes/b2b/tokens.json +2190 -0
  145. package/src/scss/themes/cds/tokens-map.scss +138 -0
  146. package/src/scss/themes/cds/tokens.json +2184 -0
  147. package/{dist/tokens → src/scss/themes}/cds/variables.css +0 -3
  148. package/src/scss/themes/index.ts +43 -0
  149. package/src/scss/utility/display.scss +13 -0
  150. package/src/scss/utility/flexbox.scss +37 -0
  151. package/src/scss/utility/generatedFiles/generatedStyles.json +1 -0
  152. package/src/scss/utility/generatedFiles/generatedStyles.scss +300 -0
  153. package/src/scss/utility/index.scss +7 -0
  154. package/src/scss/utility/layout.scss +11 -0
  155. package/src/scss/utility/lists.scss +76 -0
  156. package/src/scss/utility/spacing.scss +89 -0
  157. package/src/scss/utility/typography.scss +16 -0
  158. package/src/scss/utility/variables.scss +116 -0
  159. package/README.md +0 -87
  160. package/build/utils/postInstall.js +0 -20
  161. package/build/utils/print.js +0 -38
  162. package/dist/CdsAccordion/index.js +0 -8
  163. package/dist/CdsAccordion/styles.css +0 -11
  164. package/dist/CdsBadge/index.js +0 -8
  165. package/dist/CdsBadge/styles.css +0 -9
  166. package/dist/CdsBreadcrumbs/index.js +0 -8
  167. package/dist/CdsBreadcrumbs/styles.css +0 -11
  168. package/dist/CdsButton/index.js +0 -8
  169. package/dist/CdsButton/styles.css +0 -11
  170. package/dist/CdsCheckbox/index.js +0 -8
  171. package/dist/CdsCheckbox/styles.css +0 -15
  172. package/dist/CdsCombobox/index.js +0 -8
  173. package/dist/CdsCombobox/styles.css +0 -15
  174. package/dist/CdsContainer/index.js +0 -8
  175. package/dist/CdsContainer/styles.css +0 -11
  176. package/dist/CdsContentSwitcher/index.js +0 -8
  177. package/dist/CdsContentSwitcher/styles.css +0 -15
  178. package/dist/CdsDataTable/index.js +0 -8
  179. package/dist/CdsDataTable/styles.css +0 -21
  180. package/dist/CdsDatePicker/index.js +0 -24
  181. package/dist/CdsDatePicker/styles.css +0 -15
  182. package/dist/CdsDrawer/index.js +0 -8
  183. package/dist/CdsDrawer/styles.css +0 -17
  184. package/dist/CdsDropdown/index.js +0 -8
  185. package/dist/CdsDropdown/styles.css +0 -15
  186. package/dist/CdsEmptyState/index.js +0 -8
  187. package/dist/CdsEmptyState/styles.css +0 -9
  188. package/dist/CdsFooter/index.js +0 -8
  189. package/dist/CdsFooter/styles.css +0 -17
  190. package/dist/CdsForm/index.js +0 -8
  191. package/dist/CdsForm/styles.css +0 -15
  192. package/dist/CdsGrid/index.js +0 -8
  193. package/dist/CdsGrid/styles.css +0 -9
  194. package/dist/CdsHeader/index.js +0 -8
  195. package/dist/CdsHeader/styles.css +0 -11
  196. package/dist/CdsIcon/index.js +0 -8
  197. package/dist/CdsIcon/styles.css +0 -9
  198. package/dist/CdsImage/index.js +0 -8
  199. package/dist/CdsImage/styles.css +0 -9
  200. package/dist/CdsInput/index.js +0 -8
  201. package/dist/CdsInput/styles.css +0 -13
  202. package/dist/CdsLink/index.js +0 -8
  203. package/dist/CdsLink/styles.css +0 -9
  204. package/dist/CdsList/index.js +0 -8
  205. package/dist/CdsList/styles.css +0 -9
  206. package/dist/CdsLoading/index.js +0 -8
  207. package/dist/CdsLoading/styles.css +0 -9
  208. package/dist/CdsModal/index.js +0 -8
  209. package/dist/CdsModal/styles.css +0 -15
  210. package/dist/CdsMultiselect/index.js +0 -8
  211. package/dist/CdsMultiselect/styles.css +0 -17
  212. package/dist/CdsNotification/index.js +0 -8
  213. package/dist/CdsNotification/styles.css +0 -21
  214. package/dist/CdsOverflowMenu/index.js +0 -8
  215. package/dist/CdsOverflowMenu/styles.css +0 -21
  216. package/dist/CdsPagination/index.js +0 -8
  217. package/dist/CdsPagination/styles.css +0 -13
  218. package/dist/CdsRadioButton/index.js +0 -8
  219. package/dist/CdsRadioButton/styles.css +0 -15
  220. package/dist/CdsSearch/index.js +0 -8
  221. package/dist/CdsSearch/styles.css +0 -19
  222. package/dist/CdsSelect/index.js +0 -8
  223. package/dist/CdsSelect/styles.css +0 -15
  224. package/dist/CdsSidebar/index.js +0 -8
  225. package/dist/CdsSidebar/styles.css +0 -15
  226. package/dist/CdsSkeleton/index.js +0 -8
  227. package/dist/CdsSkeleton/styles.css +0 -9
  228. package/dist/CdsStages/index.js +0 -8
  229. package/dist/CdsStages/styles.css +0 -9
  230. package/dist/CdsStatus/index.js +0 -8
  231. package/dist/CdsStatus/styles.css +0 -15
  232. package/dist/CdsSteps/index.js +0 -8
  233. package/dist/CdsSteps/styles.css +0 -19
  234. package/dist/CdsTable/index.js +0 -16
  235. package/dist/CdsTable/styles.css +0 -21
  236. package/dist/CdsTabs/index.js +0 -8
  237. package/dist/CdsTabs/styles.css +0 -9
  238. package/dist/CdsTag/index.js +0 -8
  239. package/dist/CdsTag/styles.css +0 -11
  240. package/dist/CdsTextArea/index.js +0 -8
  241. package/dist/CdsTextArea/styles.css +0 -17
  242. package/dist/CdsTextInput/index.js +0 -8
  243. package/dist/CdsTextInput/styles.css +0 -15
  244. package/dist/CdsToggle/index.js +0 -8
  245. package/dist/CdsToggle/styles.css +0 -9
  246. package/dist/CdsTooltip/index.js +0 -8
  247. package/dist/CdsTooltip/styles.css +0 -13
  248. package/dist/CdsUploader/index.js +0 -14
  249. package/dist/CdsUploader/styles.css +0 -25
  250. package/dist/cds.js +0 -38
  251. package/dist/cds.min.css +0 -7
  252. package/dist/cds.min.js +0 -38
  253. package/dist/index.html +0 -60
  254. package/dist/mixins/scss/layout/_breakpoint.scss +0 -237
  255. package/dist/mixins/scss/layout/_key-height.scss +0 -90
  256. package/dist/mixins/scss/layout/_spacing-export.scss +0 -34
  257. package/dist/mixins/scss/layout/_utilities.scss +0 -33
  258. package/dist/types/CdsAccordion.ts +0 -4
  259. package/dist/types/CdsAccordionItem.ts +0 -10
  260. package/dist/types/CdsBreadcrumbs.ts +0 -11
  261. package/dist/types/CdsBreadcrumbsItem.ts +0 -12
  262. package/dist/types/CdsButton.ts +0 -30
  263. package/dist/types/CdsCheckbox.ts +0 -20
  264. package/dist/types/CdsCheckboxGroup.ts +0 -14
  265. package/dist/types/CdsCol.ts +0 -38
  266. package/dist/types/CdsCombobox.ts +0 -42
  267. package/dist/types/CdsContainer.ts +0 -32
  268. package/dist/types/CdsContentSwitcher.ts +0 -4
  269. package/dist/types/CdsContentSwitcherButton.ts +0 -21
  270. package/dist/types/CdsDataTable.ts +0 -48
  271. package/dist/types/CdsDatePicker.ts +0 -40
  272. package/dist/types/CdsDrawer.ts +0 -25
  273. package/dist/types/CdsDrawerGroup.ts +0 -8
  274. package/dist/types/CdsDrawerItem.ts +0 -12
  275. package/dist/types/CdsDrawerLabel.ts +0 -4
  276. package/dist/types/CdsDropdown.ts +0 -14
  277. package/dist/types/CdsEmptyState.ts +0 -10
  278. package/dist/types/CdsFooter.ts +0 -17
  279. package/dist/types/CdsFooterService.ts +0 -16
  280. package/dist/types/CdsForm.ts +0 -4
  281. package/dist/types/CdsFormGroup.ts +0 -8
  282. package/dist/types/CdsFormItem.ts +0 -4
  283. package/dist/types/CdsGrid.ts +0 -16
  284. package/dist/types/CdsHeader.ts +0 -27
  285. package/dist/types/CdsHeaderService.ts +0 -4
  286. package/dist/types/CdsIcon.ts +0 -6
  287. package/dist/types/CdsLink.ts +0 -22
  288. package/dist/types/CdsList.ts +0 -6
  289. package/dist/types/CdsLoading.ts +0 -14
  290. package/dist/types/CdsModal.ts +0 -17
  291. package/dist/types/CdsMultiselect.ts +0 -33
  292. package/dist/types/CdsNotification.ts +0 -22
  293. package/dist/types/CdsOverflowMenu.ts +0 -16
  294. package/dist/types/CdsPagination.ts +0 -12
  295. package/dist/types/CdsRadioButton.ts +0 -29
  296. package/dist/types/CdsRow.ts +0 -18
  297. package/dist/types/CdsSearch.ts +0 -24
  298. package/dist/types/CdsSelect.ts +0 -37
  299. package/dist/types/CdsSkeleton.ts +0 -14
  300. package/dist/types/CdsStages.ts +0 -10
  301. package/dist/types/CdsStatus.ts +0 -22
  302. package/dist/types/CdsSteps.ts +0 -22
  303. package/dist/types/CdsStepsItem.ts +0 -12
  304. package/dist/types/CdsTable.ts +0 -46
  305. package/dist/types/CdsTabs.ts +0 -19
  306. package/dist/types/CdsTabsItem.ts +0 -18
  307. package/dist/types/CdsTag.ts +0 -20
  308. package/dist/types/CdsTextArea.ts +0 -26
  309. package/dist/types/CdsTextInput.ts +0 -32
  310. package/dist/types/CdsToggle.ts +0 -18
  311. package/dist/types/CdsTooltip.ts +0 -18
  312. package/dist/types/CdsTooltipDefinition.ts +0 -16
  313. package/dist/types/CdsTooltipInteractive.ts +0 -11
  314. package/dist/types/CdsUploader.ts +0 -44
  315. package/dist/types/Sidebar.ts +0 -17
  316. package/dist/types/types.ts +0 -2
  317. package/dist/utils/convertRemToPx.js +0 -9
  318. package/dist/utils/deepFind.js +0 -14
  319. package/dist/utils/expiringStorage.js +0 -28
  320. package/dist/utils/helpers.js +0 -33
  321. package/dist/utils/index.js +0 -1
  322. package/dist/utils/isCorrectTag.js +0 -5
  323. package/dist/utils/isRightProps.js +0 -5
  324. package/dist/utils/memoize.js +0 -8
  325. package/dist/utils/suffixPropName.js +0 -12
  326. package/dist/utils/test/deepFind.test.js +0 -18
  327. package/dist/utils/test/isCorrectTag.test.js +0 -9
  328. package/dist/utils/test/isCorrectTagDataSet.js +0 -51
  329. package/dist/utils/validationProps.js +0 -7
  330. /package/{dist/mixins/scss → src/scss/mixins}/layout/_layout.scss +0 -0
  331. /package/{dist/mixins/scss → src/scss/mixins}/layout/_mini-unit.scss +0 -0
  332. /package/{dist/mixins/scss → src/scss/mixins}/layout/_spacing.scss +0 -0
  333. /package/{dist/mixins/scss → src/scss/mixins}/motion.scss +0 -0
  334. /package/{dist/tokens → src/scss/themes}/b2b/variables.css +0 -0
@@ -1,30 +0,0 @@
1
- import { Component, Prop, Vue } from 'vue-property-decorator';
2
- import { PropType } from 'vue';
3
-
4
- export type ButtonAppearance = 'primary' | 'secondary' | 'transparent';
5
- export type ButtonSize = 'md' | 'lg' | 'xl';
6
-
7
- @Component({ name: 'CdsButton' })
8
- export default class CdsButton extends Vue {
9
- @Prop({ type: String, default: '' }) public text?: string;
10
-
11
- @Prop({ type: Boolean, default: false }) public loading?: boolean;
12
-
13
- @Prop({ type: Boolean, default: false }) public disabled?: boolean;
14
-
15
- @Prop({ type: Boolean, default: false }) public inverse?: boolean;
16
-
17
- @Prop({ type: Boolean, default: false }) public iconOnly?: boolean;
18
-
19
- @Prop({ type: Boolean, default: false }) public iconAfter?: boolean;
20
-
21
- @Prop({ type: String as PropType<ButtonAppearance>, default: 'primary' }) public appearance?: ButtonAppearance;
22
-
23
- @Prop({ type: String as PropType<ButtonSize>, default: 'default' }) public size?: ButtonSize;
24
-
25
- @Prop({ type: String, default: '' }) public to?: string;
26
-
27
- @Prop({ type: Boolean, default: true }) public useRouter?: boolean;
28
-
29
- @Prop({ type: Boolean, default: false }) public blank?: boolean;
30
- }
@@ -1,20 +0,0 @@
1
- import { Component, Prop, Vue } from 'vue-property-decorator';
2
-
3
- @Component('CdsCheckbox')
4
- export default class CdsCheckbox extends Vue {
5
- @Prop({ type: String, required: true }) public label: string;
6
-
7
- @Prop({ type: String, default: null }) public description?: string;
8
-
9
- @Prop({ type: Boolean, default: false }) public checked?: boolean;
10
-
11
- @Prop({ type: Boolean, default: false }) public disabled?: boolean;
12
-
13
- @Prop({ type: Boolean, default: false }) public indeterminate?: boolean;
14
-
15
- @Prop({ type: [Number, String, Boolean, Array], default: false }) public value?: any;
16
-
17
- @Prop({ type: Boolean, default: false }) public hiddenLabel?: boolean
18
-
19
- @Prop({ type: Boolean, default: false }) public autofocus?: boolean;
20
- }
@@ -1,14 +0,0 @@
1
- import { Component, Prop, Vue } from 'vue-property-decorator';
2
-
3
- @Component('CdsCheckboxGroup')
4
- export default class CdsCheckboxGroup extends Vue {
5
- @Prop({ type: String, default: null }) public label?: string | null;
6
-
7
- @Prop({ type: String, default: null }) public description?: string;
8
-
9
- @Prop({ type: Boolean, default: false }) public horizontal?: boolean;
10
-
11
- @Prop({ type: Boolean, default: false }) public error?: boolean;
12
-
13
- @Prop({ type: String, default: null }) public errorMessage?: string | null;
14
- }
@@ -1,38 +0,0 @@
1
- import { Component, Prop, Vue } from 'vue-property-decorator';
2
- import { PropType } from 'vue';
3
- import { GridAlignment, GridGutters } from './types';
4
-
5
- @Component('CdsCol')
6
- export default class CdsCol extends Vue {
7
- @Prop({ type: String, default: 'div' }) public tag?: string;
8
-
9
- @Prop({ type: Boolean, default: false }) public col?: boolean;
10
-
11
- @Prop({ type: String as PropType<GridGutters>, default: null }) public noGutter?: GridGutters;
12
-
13
- @Prop({ type: [String, Number], default: null }) public cols?: string | number;
14
-
15
- @Prop({ type: [String, Number], default: null }) public offset?: string | number;
16
-
17
- @Prop({ type: [String, Number], default: null }) public order?: string | number;
18
-
19
- @Prop({ type: [String, Number, Boolean], default: false }) public xs?: string | number;
20
- @Prop({ type: [String, Number, Boolean], default: false }) public sm?: string | number;
21
- @Prop({ type: [String, Number, Boolean], default: false }) public md?: string | number;
22
- @Prop({ type: [String, Number, Boolean], default: false }) public lg?: string | number;
23
- @Prop({ type: [String, Number, Boolean], default: false }) public xl?: string | number;
24
-
25
- @Prop({ type: [String, Number, Boolean], default: false }) public offsetXs?: string | number;
26
- @Prop({ type: [String, Number, Boolean], default: false }) public offsetDm?: string | number;
27
- @Prop({ type: [String, Number, Boolean], default: false }) public offsetMd?: string | number;
28
- @Prop({ type: [String, Number, Boolean], default: false }) public offsetLg?: string | number;
29
- @Prop({ type: [String, Number, Boolean], default: false }) public offsetXl?: string | number;
30
-
31
- @Prop({ type: [String, Number, Boolean], default: false }) public orderXs?: string | number;
32
- @Prop({ type: [String, Number, Boolean], default: false }) public orderSm?: string | number;
33
- @Prop({ type: [String, Number, Boolean], default: false }) public orderMd?: string | number;
34
- @Prop({ type: [String, Number, Boolean], default: false }) public orderLg?: string | number;
35
- @Prop({ type: [String, Number, Boolean], default: false }) public orderXl?: string | number;
36
-
37
- @Prop({ type: String as PropType<GridAlignment>, default: null }) public alignSelf?: GridAlignment;
38
- }
@@ -1,42 +0,0 @@
1
- import { Component, Prop, Vue } from 'vue-property-decorator';
2
- import { PropType } from 'vue';
3
-
4
- export type ComboboxOption = {
5
- name: string;
6
- value: string | number;
7
- }
8
-
9
- @Component('CdsCombobox')
10
- export default class CdsCombobox extends Vue {
11
- @Prop({ type: String, required: true }) public label: string;
12
-
13
- @Prop({ type: String, default: '' }) public description?: string;
14
-
15
- @Prop({ type: String, default: '' }) public placeholder?: string;
16
-
17
- @Prop({ type: Boolean, default: false }) public disabled?: boolean;
18
-
19
- @Prop({ type: Boolean, default: false }) public filter?: boolean;
20
-
21
- @Prop({ type: Boolean, default: false }) public added?: boolean;
22
-
23
- @Prop({ type: Boolean, default: false }) public highlight?: boolean;
24
-
25
- @Prop({ type: Object as PropType<ComboboxOption>, default: {} }) public value?: ComboboxOption;
26
-
27
- @Prop({ type: Array as PropType<ComboboxOption[]>, default: [] }) public options?: ComboboxOption[];
28
-
29
- @Prop({ type: Boolean, default: false }) public optional?: boolean;
30
-
31
- @Prop({ type: Boolean, default: false }) public loadMore?: boolean;
32
-
33
- @Prop({ type: [String, Number], default: 0 }) public loadMoreOffset?: string | number;
34
-
35
- @Prop({ type: String, default: 'необязательно' }) public optionalLabel?: string;
36
-
37
- @Prop({ type: Boolean, default: false }) public loading?: boolean;
38
-
39
- @Prop({ type: Boolean, default: false }) public error?: boolean;
40
-
41
- @Prop({ type: String, default: null }) public errorMessage?: string | null;
42
- }
@@ -1,32 +0,0 @@
1
- import { Component, Prop, Vue } from 'vue-property-decorator';
2
- import { PropType } from 'vue';
3
-
4
- export type ContainerType = 'standard' | 'selectable' | 'clickable' | 'expandable';
5
- export type ContainerColor = 'primary' | 'secondary';
6
-
7
- @Component('CdsContainer')
8
- export default class CdsContainer extends Vue {
9
- @Prop({ type: [String, Number, Boolean, Array] }) public value?: any;
10
-
11
- @Prop({ type: String as PropType<ContainerColor>, default: 'primary' }) public color?: ContainerColor;
12
-
13
- @Prop({ type: Boolean, default: false }) public selected?: boolean;
14
-
15
- @Prop({ type: Boolean, default: false }) public expanded?: boolean;
16
-
17
- @Prop({ type: Boolean, default: false }) public expandingArrowBefore?: boolean;
18
-
19
- @Prop({ type: String as PropType<ContainerType> }) public type?: ContainerType;
20
-
21
- @Prop({ type: String, default: null }) public group?: string | null;
22
-
23
- @Prop({ type: String, default: null }) public href?: string | null;
24
-
25
- @Prop({ type: Boolean, default: false }) public blank?: boolean;
26
-
27
- @Prop({ type: Boolean, default: false }) public useRouter?: boolean;
28
-
29
- @Prop({ type: String, required: true }) public label: string;
30
-
31
- @Prop({ type: String, default: 'div' }) public tag?: string;
32
- }
@@ -1,4 +0,0 @@
1
- import { Component, Prop, Vue } from 'vue-property-decorator';
2
-
3
- @Component('CdsContentSwitcher')
4
- export default class CdsContentSwitcher extends Vue {}
@@ -1,21 +0,0 @@
1
- import { Component, Prop, Vue } from 'vue-property-decorator';
2
- import { PropType } from 'vue';
3
-
4
- export type CdsContentSwitcherButtonTooltipAlign = 'start' | 'center' | 'end';
5
-
6
- @Component('CdsContentSwitcherButton')
7
- export default class CdsContentSwitcherButton extends Vue {
8
- @Prop({ type: [Number, String], required: true }) public id: string | number;
9
-
10
- @Prop({ type: String, default: '' }) public text?: string;
11
-
12
- @Prop({ type: Boolean, default: false }) public iconAfter?: boolean;
13
-
14
- @Prop({ type: Boolean, default: false }) public selected?: boolean;
15
-
16
- @Prop({ type: Boolean, default: false }) public disabled?: boolean;
17
-
18
- @Prop({ type: String, default: '' }) public tooltip?: string;
19
-
20
- @Prop({ type: String as PropType<CdsContentSwitcherButtonTooltipAlign>, default: 'center' }) public tooltipAlign?: CdsContentSwitcherButtonTooltipAlign;
21
- }
@@ -1,48 +0,0 @@
1
- import { Component, Prop, Vue } from 'vue-property-decorator';
2
- import { PropType } from 'vue';
3
-
4
- export type TableAlign = 'left' | 'center' | 'right' | 'null';
5
- export type TableRowSize = 'standard' | 'short';
6
-
7
- @Component('CdsDataTable')
8
- export default class CdsDataTable extends Vue {
9
- @Prop({ type: String, default: '' }) public title?: string;
10
-
11
- @Prop({ type: String, default: '' }) public description?: string;
12
-
13
- @Prop({ type: Array, default: [] }) public columns?: any[];
14
-
15
- @Prop({ type: Array as PropType<TableAlign[]>, default: [] }) public align?: TableAlign[];
16
-
17
- @Prop({ type: Array, default: [] }) public colWidth?: any[];
18
-
19
- @Prop({ type: Array, default: [] }) public data?: any[];
20
-
21
- @Prop({ type: Object, default: null }) public sortedCol?: any;
22
-
23
- @Prop({ type: Boolean, default: false }) public sortable?: boolean;
24
-
25
- @Prop({ type: Boolean, default: false }) public selectable?: boolean;
26
-
27
- @Prop({ type: [Number, Object], default: null }) public selectedRow?: number | any;
28
-
29
- @Prop({ type: [Array, Number, Object], default: null }) public selectedRows?: any[] | any;
30
-
31
- @Prop({ type: Boolean, default: false }) public hoverable?: boolean;
32
-
33
- @Prop({ type: Boolean, default: false }) public expandable?: boolean;
34
-
35
- @Prop({ type: Boolean, default: false }) public expandableIndentDisable?: boolean;
36
-
37
- @Prop({ type: Boolean, default: false }) public multiselectable?: boolean;
38
-
39
- @Prop({ type: Boolean, default: false }) public autoWidth?: boolean;
40
-
41
- @Prop({ type: Boolean, default: false }) public horizontalScroll?: boolean;
42
-
43
- @Prop({ type: Boolean, default: false }) public borderless?: boolean;
44
-
45
- @Prop({ type: Boolean, default: false }) public ellipsis?: boolean;
46
-
47
- @Prop({ type: String as PropType<TableRowSize>, default: 'standard' }) public rowSize?: TableRowSize;
48
- }
@@ -1,40 +0,0 @@
1
- import { Component, Prop, Vue } from 'vue-property-decorator';
2
- import { PropType } from 'vue';
3
-
4
- export type DatePickerType = 'simple' | 'single' | 'range';
5
- export type DatePickerLocale = 'ru' | 'en';
6
-
7
- @Component('CdsDatePicker')
8
- export default class CdsDatePicker extends Vue {
9
- @Prop({ type: String, required: true }) public label: string;
10
-
11
- @Prop({ type: String as PropType<DatePickerType>, default: 'simple' }) public type?: DatePickerType;
12
-
13
- @Prop({ type: String, default: 'd.m.Y' }) public dateFormat?: string;
14
-
15
- @Prop({ type: String, default: 'H:i' }) public timeFormat?: string;
16
-
17
- @Prop({ type: Boolean, default: false }) public allowInput?: boolean;
18
-
19
- @Prop({ type: [String, Date], default: null }) public minDate?: string;
20
-
21
- @Prop({ type: [String, Date], default: null }) public maxDate?: string;
22
-
23
- @Prop({ type: String as PropType<DatePickerLocale>, default: 'ru' }) public locale?: DatePickerLocale;
24
-
25
- @Prop({ type: String, default: 'дд.мм.гггг' }) public placeholder?: string;
26
-
27
- @Prop({ type: Boolean, default: false }) public enableTime?: boolean;
28
-
29
- @Prop({ type: Boolean, default: false }) public error?: boolean;
30
-
31
- @Prop({ type: String, default: null }) public errorMessage?: string | null;
32
-
33
- @Prop({ type: Boolean, default: false }) public disabled?: boolean;
34
-
35
- @Prop({ type: Array, default: [] }) public disabledDates?: string[];
36
-
37
- @Prop({ type: Object, default: {} }) public options?: any;
38
-
39
- @Prop({ type: [String, Object, Date, Array], default: null }) public value?: any;
40
- }
@@ -1,25 +0,0 @@
1
- import { PropType } from 'vue';
2
- import { Component, Vue, Prop } from 'vue-property-decorator';
3
-
4
- export type CdsDrawerAppearance = 'primary' | 'inverse';
5
-
6
-
7
- @Component('CdsDrawer')
8
- export default class CdsDrawer extends Vue {
9
- @Prop({ type: Boolean, default: false }) public active?: boolean;
10
-
11
- @Prop({ type: Boolean, default: false }) public open?: boolean;
12
-
13
- @Prop({ type: Boolean, default: false }) public right?: boolean;
14
-
15
- @Prop({ type: Boolean, default: false }) public iconOnly?: boolean;
16
-
17
- @Prop({ type: Boolean, default: false }) public absolute?: boolean;
18
-
19
- @Prop({ type: Boolean, default: false }) public borderless?: boolean;
20
-
21
- @Prop({ type: Boolean, default: false }) public fixedLayout?: boolean;
22
-
23
- @Prop({ type: String as PropType<CdsDrawerAppearance>, default: 'primary' }) public appearance?: string;
24
-
25
- }
@@ -1,8 +0,0 @@
1
- import { Component, Vue, Prop } from 'vue-property-decorator';
2
-
3
- @Component('CdsDrawerGroup')
4
- export default class CdsDrawerGroup extends Vue {
5
- @Prop({ type: Boolean, default: false }) public active?: boolean;
6
-
7
- @Prop({ type: String, default: '' }) public title?: string;
8
- }
@@ -1,12 +0,0 @@
1
- import { Component, Vue, Prop } from 'vue-property-decorator';
2
-
3
- @Component('CdsDrawerItem')
4
- export default class CdsDrawerItem extends Vue {
5
- @Prop({ type: Boolean, default: false }) public active?: boolean;
6
-
7
- @Prop({ type: String, default: '' }) public title?: string;
8
-
9
- @Prop({ type: [String, Object], default: '' }) public right?: string;
10
-
11
- @Prop({ type: String, default: '' }) public href?: string;
12
- }
@@ -1,4 +0,0 @@
1
- import { Component, Vue, Prop } from 'vue-property-decorator';
2
-
3
- @Component('CdsDrawerLabel')
4
- export default class CdsDrawerLabel extends Vue {}
@@ -1,14 +0,0 @@
1
- import { Component, Prop, Vue } from 'vue-property-decorator';
2
-
3
- @Component('CdsDropdown')
4
- export default class CdsDropdown extends Vue {
5
- @Prop({ type: String, default: '' }) public label?: string;
6
-
7
- @Prop({ type: String, default: '' }) public description?: string;
8
-
9
- @Prop({ type: String, default: '' }) public placeholder?: string;
10
-
11
- @Prop({ type: Boolean, default: false }) public disabled?: string;
12
-
13
- @Prop({ type: [String, Number], default: void 0 }) public value?: string | number;
14
- }
@@ -1,10 +0,0 @@
1
- import { Component, Prop, Vue } from 'vue-property-decorator';
2
-
3
- @Component('CdsEmptyState')
4
- export default class CdsEmptyState extends Vue {
5
- @Prop({ type: String, required: true }) public title: string;
6
-
7
- @Prop({ type: String, default: '' }) public description?: string;
8
-
9
- @Prop({ type: String, default: '' }) public image?: string;
10
- }
@@ -1,17 +0,0 @@
1
- import { Component, Vue, Prop } from 'vue-property-decorator';
2
- import { PropType } from 'vue';
3
- import { CdsLinkItem } from '../../CdsLink/types/CdsLink';
4
-
5
- export type CdsFooterItems = {
6
- title: string;
7
- links: CdsLinkItem[];
8
- }
9
-
10
- export type CdsFooterAppearance = 'primary' | 'secondary' | 'inverse';
11
-
12
- @Component('CdsPromoFooter')
13
- export default class CdsPromoFooter extends Vue {
14
- @Prop({ type: Array as PropType<CdsFooterItems[]>, required: true }) items: CdsFooterItems[];
15
-
16
- @Prop({ type: String as PropType<CdsFooterAppearance>, required: false, default: 'primary' }) appearance?: CdsFooterAppearance;
17
- }
@@ -1,16 +0,0 @@
1
- import { Component, Vue, Prop } from 'vue-property-decorator';
2
- import { PropType } from 'vue';
3
- import { CdsLinkItem } from '../../CdsLink/types/CdsLink';
4
-
5
- export type CdsFooterAppearance = 'primary' | 'secondary';
6
-
7
- export type CdsFooterAlign = 'start' | 'center' | 'end' | 'between';
8
-
9
- @Component('CdsFooter')
10
- export default class CdsFooter extends Vue {
11
- @Prop({ type: Array as PropType<CdsLinkItem[]>, required: true }) items: CdsLinkItem[];
12
-
13
- @Prop({ type: String as PropType<CdsFooterAppearance>, required: false, default: 'primary' }) appearance?: CdsFooterAppearance;
14
-
15
- @Prop({ type: String as PropType<CdsFooterAlign>, required: false, default: 'start' }) align?: CdsFooterAlign;
16
- }
@@ -1,4 +0,0 @@
1
- import { Component, Vue } from 'vue-property-decorator';
2
-
3
- @Component('CdsForm')
4
- export default class CdsForm extends Vue {}
@@ -1,8 +0,0 @@
1
- import { Component, Prop, Vue } from 'vue-property-decorator';
2
-
3
- @Component('CdsFormGroup')
4
- export default class CdsFormGroup extends Vue {
5
- @Prop({ type: String, required: true }) public legend: string;
6
-
7
- @Prop({ type: String, default: null }) public description?: string;
8
- }
@@ -1,4 +0,0 @@
1
- import { Component, Vue } from 'vue-property-decorator';
2
-
3
- @Component('CdsFormItem')
4
- export default class CdsFormItem extends Vue {}
@@ -1,16 +0,0 @@
1
- import { Component, Prop, Vue } from 'vue-property-decorator';
2
- import { PropType } from 'vue';
3
- import { GridGutters } from './types';
4
-
5
- @Component('CdsGrid')
6
- export default class CdsGrid extends Vue {
7
- @Prop({ type: String, default: 'div' }) public tag?: string;
8
-
9
- @Prop({ type: Boolean, default: false }) public noGutters?: boolean;
10
-
11
- @Prop({ type: String as PropType<GridGutters>, default: null }) public noGutter?: GridGutters;
12
-
13
- @Prop({ type: Boolean, default: false }) public fluid?: boolean;
14
-
15
- @Prop({ type: Boolean, default: false }) public condensed?: boolean;
16
- }
@@ -1,27 +0,0 @@
1
- import { Component, Prop, Vue } from "vue-property-decorator";
2
- import { PropType } from 'vue';
3
- import { CdsLinkItem } from '../../CdsLink/types/CdsLink';
4
-
5
- export type HeaderAppearance = 'primary' | 'inverse' | 'transparent';
6
- export type HeaderAlign = 'start' | 'center' | 'end';
7
- export type Language = 'ru' | 'en';
8
-
9
- export type HeaderNavItems = CdsLinkItem & {
10
- active?: boolean;
11
- children: HeaderNavItems[];
12
- }
13
-
14
- @Component('CdsHeader')
15
- export default class CdsHeader extends Vue {
16
- @Prop({ type: String as PropType<HeaderAppearance>, default: 'primary' }) public appearance?: string;
17
-
18
- @Prop({ type: Boolean, default: false }) public isToolbarTransparent?: boolean;
19
-
20
- @Prop({ type: Boolean, default: false }) public languageBtn?: boolean;
21
-
22
- @Prop({ type: String as PropType<Language>, default: 'ru' }) public language?: string;
23
-
24
- @Prop({ type: String as PropType<HeaderAlign>, default: 'start' }) public align?: string;
25
-
26
- @Prop({ type: Array as PropType<HeaderNavItems[]>, default: [] }) public navItems?: HeaderNavItems[];
27
- }
@@ -1,4 +0,0 @@
1
- import { Component, Vue } from "vue-property-decorator";
2
-
3
- @Component('CdsHeaderService')
4
- export default class CdsHeaderService extends Vue {}
@@ -1,6 +0,0 @@
1
- import { Component, Prop, Vue } from 'vue-property-decorator';
2
-
3
- @Component('CdsIcon')
4
- export default class CdsIcon extends Vue {
5
- @Prop({ type: String, default: '' }) public name?: string;
6
- }
@@ -1,22 +0,0 @@
1
- import { Component, Prop, Vue } from 'vue-property-decorator';
2
-
3
- export type CdsLinkItem = {
4
- to: string;
5
- text: string;
6
- disable?: boolean;
7
- useRouter?: boolean;
8
- blank?: boolean;
9
- }
10
-
11
- @Component('CdsLink')
12
- export default class CdsLink extends Vue {
13
- @Prop({ type: String, default: '' }) public text?: string;
14
-
15
- @Prop({ type: [String, Object], default: '#' }) public to?: string;
16
-
17
- @Prop({ type: Boolean, default: false }) public blank?: boolean;
18
-
19
- @Prop({ type: Boolean, default: false }) public disabled?: boolean;
20
-
21
- @Prop({ type: Boolean, default: true }) public useRouter?: boolean;
22
- }
@@ -1,6 +0,0 @@
1
- import { Component, Prop, Vue } from 'vue-property-decorator';
2
-
3
- @Component('CdsList')
4
- export default class CdsList extends Vue {
5
- @Prop({ type: Boolean, default: false }) public ordered?: boolean;
6
- }
@@ -1,14 +0,0 @@
1
- import { Component, Prop, Vue } from 'vue-property-decorator';
2
-
3
- @Component('CdsLoading')
4
- export default class CdsLoading extends Vue {
5
- @Prop({ type: Boolean, default: true }) public active?: boolean;
6
-
7
- @Prop({ type: Boolean, default: false }) public overlay?: boolean;
8
-
9
- @Prop({ type: Boolean, default: false }) public small?: boolean;
10
-
11
- @Prop({ type: Boolean, default: false }) public fixed?: boolean;
12
-
13
- @Prop({ type: String, default: 'Загрузка' }) public ariaValuetext?: string;
14
- }
@@ -1,17 +0,0 @@
1
- import { Component, Prop, Vue } from 'vue-property-decorator';
2
- import { PropType } from 'vue';
3
-
4
- export type ModalSize = 'sm' | 'md' | 'lg';
5
-
6
- @Component('CdsModal')
7
- export default class CdsModal extends Vue {
8
- @Prop({ type: Boolean, default: false }) public showed?: boolean;
9
-
10
- @Prop({ type: String, required: true }) public header: string;
11
-
12
- @Prop({ type: String as PropType<ModalSize>, default: 'md' }) public size: string;
13
-
14
- @Prop({ type: Boolean, default: false }) public loading?: boolean;
15
-
16
- @Prop({ type: Boolean, default: false }) public preventClose?: boolean;
17
- }
@@ -1,33 +0,0 @@
1
- import { Component, Prop, Vue } from 'vue-property-decorator';
2
- import { PropType } from 'vue';
3
-
4
- export type MultiselectOption = {
5
- name: string;
6
- value: string | number;
7
- children?: MultiselectOption[]
8
- }
9
-
10
- @Component('CdsMultiselect')
11
- export default class CdsMultiselect extends Vue {
12
- @Prop({ type: String, default: '' }) public label?: string;
13
-
14
- @Prop({ type: String, required: true }) public placeholder: string;
15
-
16
- @Prop({ type: String, default: '' }) public description?: string;
17
-
18
- @Prop({ type: Boolean, default: false }) public disabled?: boolean;
19
-
20
- @Prop({ type: Boolean, default: false }) public filterable?: boolean;
21
-
22
- @Prop({ type: Boolean, default: false }) public optional?: boolean;
23
-
24
- @Prop({ type: Array, default: [] }) public value?: string[] | number[];
25
-
26
- @Prop({ type: Array as PropType<MultiselectOption[]>, default: [] }) public options: MultiselectOption[];
27
-
28
- @Prop({ type: String, default: 'необязательно' }) public optionalLabel?: string;
29
-
30
- @Prop({ type: Boolean, default: false }) public error?: boolean;
31
-
32
- @Prop({ type: String, default: null }) public errorMessage?: string | null;
33
- }
@@ -1,22 +0,0 @@
1
- import { Component, Prop, Vue } from 'vue-property-decorator';
2
- import { PropType } from 'vue';
3
-
4
- export type NotificationStatus = 'info' | 'warning' | 'success' | 'error';
5
- export type NotificationLevel = 'inline' | 'page';
6
-
7
- @Component('CdsNotification')
8
- export default class CdsNotification extends Vue {
9
- @Prop({ type: Boolean, default: false }) public important?: boolean;
10
-
11
- @Prop({ type: String as PropType<NotificationLevel>, default: 'inline' }) public level?: NotificationLevel;
12
-
13
- @Prop({ type: String as PropType<NotificationStatus>, default: 'info' }) public status?: NotificationStatus;
14
-
15
- @Prop({ type: String, default: null }) public title?: string;
16
-
17
- @Prop({ type: String, default: null }) public content?: string;
18
-
19
- @Prop({ type: String, default: null }) public action?: string;
20
-
21
- @Prop({ type: Boolean, default: false }) public dismissButton?: boolean;
22
- }
@@ -1,16 +0,0 @@
1
- import { Component, Prop, Vue } from 'vue-property-decorator';
2
-
3
- @Component('CdsOverflowMenu')
4
- export default class CdsOverflowMenu extends Vue {
5
- @Prop({ type: Boolean, default: false }) public flip?: boolean;
6
-
7
- @Prop({ type: Boolean, default: false }) public up?: boolean;
8
-
9
- @Prop({ type: String, default: 'overflowMenuVertical' }) public icon?: string;
10
-
11
- @Prop({ type: String, required: true }) public tooltip: string;
12
-
13
- @Prop({ type: String, default: 'right' }) public tooltipDirection?: string;
14
-
15
- @Prop({ type: String, default: 'center' }) public tooltipAlign?: string;
16
- }
@@ -1,12 +0,0 @@
1
- import { Component, Prop, Vue } from 'vue-property-decorator';
2
-
3
- @Component('CdsPagination')
4
- export default class CdsPagination extends Vue {
5
- @Prop({ type: Number, required: true }) public count: number;
6
-
7
- @Prop({ type: Number, required: true }) public perPage: number;
8
-
9
- @Prop({ type: Number, default: 0 }) public current: number;
10
-
11
- @Prop({ type: Boolean, default: false }) public preventInitialChange?: boolean;
12
- }