@coreui/vue-pro 4.0.3 → 4.1.2

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 (173) hide show
  1. package/README.md +1 -1
  2. package/dist/components/accordion/CAccordion.d.ts +18 -10
  3. package/dist/components/accordion/CAccordionBody.d.ts +1 -1
  4. package/dist/components/accordion/CAccordionButton.d.ts +1 -1
  5. package/dist/components/accordion/CAccordionCollapse.d.ts +9 -5
  6. package/dist/components/accordion/CAccordionHeader.d.ts +1 -1
  7. package/dist/components/accordion/CAccordionItem.d.ts +10 -5
  8. package/dist/components/alert/CAlert.d.ts +38 -12
  9. package/dist/components/alert/CAlertHeading.d.ts +10 -5
  10. package/dist/components/alert/CAlertLink.d.ts +1 -1
  11. package/dist/components/avatar/CAvatar.d.ts +59 -15
  12. package/dist/components/backdrop/CBackdrop.d.ts +10 -5
  13. package/dist/components/badge/CBadge.d.ts +59 -16
  14. package/dist/components/breadcrumb/CBreadcrumb.d.ts +1 -1
  15. package/dist/components/breadcrumb/CBreadcrumbItem.d.ts +17 -8
  16. package/dist/components/button/CButton.d.ts +73 -20
  17. package/dist/components/button-group/CButtonGroup.d.ts +20 -8
  18. package/dist/components/button-group/CButtonToolbar.d.ts +1 -1
  19. package/dist/components/callout/CCallout.d.ts +11 -5
  20. package/dist/components/card/CCard.d.ts +20 -7
  21. package/dist/components/card/CCardBody.d.ts +1 -1
  22. package/dist/components/card/CCardFooter.d.ts +1 -1
  23. package/dist/components/card/CCardGroup.d.ts +1 -1
  24. package/dist/components/card/CCardHeader.d.ts +10 -5
  25. package/dist/components/card/CCardImage.d.ts +21 -8
  26. package/dist/components/card/CCardImageOverlay.d.ts +1 -1
  27. package/dist/components/card/CCardLink.d.ts +10 -5
  28. package/dist/components/card/CCardSubtitle.d.ts +10 -5
  29. package/dist/components/card/CCardText.d.ts +10 -5
  30. package/dist/components/card/CCardTitle.d.ts +10 -5
  31. package/dist/components/carousel/CCarousel.d.ts +58 -19
  32. package/dist/components/carousel/CCarouselCaption.d.ts +1 -1
  33. package/dist/components/carousel/CCarouselItem.d.ts +25 -9
  34. package/dist/components/close-button/CCloseButton.d.ts +16 -7
  35. package/dist/components/collapse/CCollapse.d.ts +24 -5
  36. package/dist/components/dropdown/CDropdown.d.ts +82 -22
  37. package/dist/components/dropdown/CDropdownDivider.d.ts +1 -1
  38. package/dist/components/dropdown/CDropdownHeader.d.ts +10 -5
  39. package/dist/components/dropdown/CDropdownItem.d.ts +32 -12
  40. package/dist/components/dropdown/CDropdownMenu.d.ts +12 -5
  41. package/dist/components/dropdown/CDropdownToggle.d.ts +78 -22
  42. package/dist/components/element-cover/CElementCover.d.ts +22 -7
  43. package/dist/components/element-cover/index.d.ts +6 -0
  44. package/dist/components/footer/CFooter.d.ts +13 -5
  45. package/dist/components/form/CForm.d.ts +9 -5
  46. package/dist/components/form/CFormCheck.d.ts +66 -23
  47. package/dist/components/form/CFormControl.d.ts +61 -20
  48. package/dist/components/form/CFormFeedback.d.ts +22 -11
  49. package/dist/components/form/CFormFloating.d.ts +1 -1
  50. package/dist/components/form/CFormInput.d.ts +66 -20
  51. package/dist/components/form/CFormLabel.d.ts +10 -5
  52. package/dist/components/form/CFormRange.d.ts +59 -18
  53. package/dist/components/form/CFormSelect.d.ts +66 -18
  54. package/dist/components/form/CFormSwitch.d.ts +61 -18
  55. package/dist/components/form/CFormText.d.ts +10 -5
  56. package/dist/components/form/CFormTextarea.d.ts +45 -16
  57. package/dist/components/form/CInputGroup.d.ts +13 -5
  58. package/dist/components/form/CInputGroupText.d.ts +10 -5
  59. package/dist/components/grid/CCol.d.ts +62 -15
  60. package/dist/components/grid/CContainer.d.ts +44 -15
  61. package/dist/components/grid/CRow.d.ts +57 -15
  62. package/dist/components/header/CHeader.d.ts +24 -7
  63. package/dist/components/header/CHeaderBrand.d.ts +10 -5
  64. package/dist/components/header/CHeaderDivider.d.ts +1 -1
  65. package/dist/components/header/CHeaderNav.d.ts +10 -5
  66. package/dist/components/header/CHeaderText.d.ts +1 -1
  67. package/dist/components/header/CHeaderToggler.d.ts +1 -1
  68. package/dist/components/image/CImage.d.ts +34 -12
  69. package/dist/components/index.d.ts +2 -0
  70. package/dist/components/link/CLink.d.ts +32 -12
  71. package/dist/components/list-group/CListGroup.d.ts +28 -10
  72. package/dist/components/list-group/CListGroupItem.d.ts +33 -12
  73. package/dist/components/modal/CModal.d.ts +97 -23
  74. package/dist/components/modal/CModalBody.d.ts +1 -1
  75. package/dist/components/modal/CModalFooter.d.ts +1 -1
  76. package/dist/components/modal/CModalHeader.d.ts +10 -5
  77. package/dist/components/modal/CModalTitle.d.ts +10 -5
  78. package/dist/components/multi-select/CMultiSelect.d.ts +131 -30
  79. package/dist/components/multi-select/CMultiSelectNativeSelect.d.ts +26 -11
  80. package/dist/components/multi-select/CMultiSelectOptions.d.ts +40 -11
  81. package/dist/components/multi-select/CMultiSelectSelection.d.ts +47 -13
  82. package/dist/components/nav/CNav.d.ts +32 -10
  83. package/dist/components/nav/CNavGroup.d.ts +10 -7
  84. package/dist/components/nav/CNavGroupItems.d.ts +1 -1
  85. package/dist/components/nav/CNavLink.d.ts +32 -12
  86. package/dist/components/nav/CNavTitle.d.ts +1 -1
  87. package/dist/components/navbar/CNavbar.d.ts +63 -16
  88. package/dist/components/navbar/CNavbarBrand.d.ts +19 -8
  89. package/dist/components/navbar/CNavbarNav.d.ts +10 -5
  90. package/dist/components/navbar/CNavbarText.d.ts +1 -1
  91. package/dist/components/navbar/CNavbarToggler.d.ts +1 -1
  92. package/dist/components/offcanvas/COffcanvas.d.ts +44 -14
  93. package/dist/components/offcanvas/COffcanvasBody.d.ts +1 -1
  94. package/dist/components/offcanvas/COffcanvasHeader.d.ts +1 -1
  95. package/dist/components/offcanvas/COffcanvasTitle.d.ts +10 -5
  96. package/dist/components/pagination/CPagination.d.ts +24 -7
  97. package/dist/components/pagination/CPaginationItem.d.ts +32 -12
  98. package/dist/components/pagination/CSmartPagination.d.ts +120 -28
  99. package/dist/components/placeholder/CPlaceholder.d.ts +189 -0
  100. package/dist/components/placeholder/index.d.ts +6 -0
  101. package/dist/components/popover/CPopover.d.ts +51 -17
  102. package/dist/components/progress/CProgressBar.d.ts +37 -12
  103. package/dist/components/sidebar/CSidebar.d.ts +59 -20
  104. package/dist/components/sidebar/CSidebarBrand.d.ts +1 -1
  105. package/dist/components/sidebar/CSidebarFooter.d.ts +1 -1
  106. package/dist/components/sidebar/CSidebarHeader.d.ts +1 -1
  107. package/dist/components/sidebar/CSidebarNav.d.ts +1 -1
  108. package/dist/components/sidebar/CSidebarToggler.d.ts +1 -1
  109. package/dist/components/smart-table/CSmartTable.d.ts +281 -69
  110. package/dist/components/smart-table/CSmartTableBody.d.ts +37 -20
  111. package/dist/components/smart-table/CSmartTableCleaner.d.ts +7 -5
  112. package/dist/components/smart-table/CSmartTableFilter.d.ts +17 -9
  113. package/dist/components/smart-table/CSmartTableHead.d.ts +42 -23
  114. package/dist/components/smart-table/CSmartTableItemsPerPageSelector.d.ts +17 -10
  115. package/dist/components/spinner/CSpinner.d.ts +51 -14
  116. package/dist/components/table/CTable.d.ts +89 -25
  117. package/dist/components/table/CTableBody.d.ts +11 -5
  118. package/dist/components/table/CTableCaption.d.ts +2 -4
  119. package/dist/components/table/CTableDataCell.d.ts +29 -10
  120. package/dist/components/table/CTableFoot.d.ts +11 -5
  121. package/dist/components/table/CTableHead.d.ts +11 -5
  122. package/dist/components/table/CTableHeaderCell.d.ts +11 -5
  123. package/dist/components/table/CTableRow.d.ts +29 -10
  124. package/dist/components/tabs/CTabContent.d.ts +1 -1
  125. package/dist/components/tabs/CTabPane.d.ts +10 -5
  126. package/dist/components/toast/CToast.d.ts +59 -18
  127. package/dist/components/toast/CToastBody.d.ts +1 -1
  128. package/dist/components/toast/CToastHeader.d.ts +9 -5
  129. package/dist/components/toast/CToaster.d.ts +13 -5
  130. package/dist/components/tooltip/CTooltip.d.ts +42 -14
  131. package/dist/components/widgets/CWidgetStatsA.d.ts +23 -10
  132. package/dist/components/widgets/CWidgetStatsB.d.ts +46 -18
  133. package/dist/components/widgets/CWidgetStatsC.d.ts +37 -15
  134. package/dist/components/widgets/CWidgetStatsD.d.ts +19 -8
  135. package/dist/components/widgets/CWidgetStatsE.d.ts +18 -8
  136. package/dist/components/widgets/CWidgetStatsF.d.ts +43 -15
  137. package/dist/directives/index.d.ts +3 -2
  138. package/dist/directives/v-c-placeholder.d.ts +6 -0
  139. package/dist/directives/v-c-visible.d.ts +6 -0
  140. package/dist/index.es.js +760 -455
  141. package/dist/index.es.js.map +1 -1
  142. package/dist/index.js +763 -453
  143. package/dist/index.js.map +1 -1
  144. package/package.json +8 -8
  145. package/src/components/accordion/__tests__/__snapshots__/CAccordionBody.spec.ts.snap +1 -1
  146. package/src/components/button/CButton.ts +1 -0
  147. package/src/components/collapse/CCollapse.ts +49 -21
  148. package/src/components/collapse/__test__/__snapshots__/CCollapse.spec.ts.snap +1 -1
  149. package/src/components/element-cover/index.ts +10 -0
  150. package/src/components/form/CFormInput.ts +6 -6
  151. package/src/components/form/CFormSelect.ts +21 -6
  152. package/src/components/form/__tests__/__snapshots__/CFormCheck.spec.ts.snap +8 -2
  153. package/src/components/form/__tests__/__snapshots__/CFormSelect.spec.ts.snap +1 -1
  154. package/src/components/grid/CCol.ts +8 -8
  155. package/src/components/grid/CContainer.ts +3 -3
  156. package/src/components/grid/CRow.ts +6 -6
  157. package/src/components/index.ts +2 -0
  158. package/src/components/modal/CModal.ts +68 -40
  159. package/src/components/modal/__tests__/__snapshots__/CModal.spec.ts.snap +1 -2
  160. package/src/components/offcanvas/COffcanvas.ts +30 -20
  161. package/src/components/offcanvas/__tests__/COffcanvas.spec.ts +1 -1
  162. package/src/components/offcanvas/__tests__/__snapshots__/COffcanvas.spec.ts.snap +2 -2
  163. package/src/components/placeholder/CPlaceholder.ts +139 -0
  164. package/src/components/placeholder/__tests__/CPlaceholder.spec.ts +44 -0
  165. package/src/components/placeholder/__tests__/__snapshots__/CPlaceholder.spec.ts.snap +15 -0
  166. package/src/components/placeholder/index.ts +10 -0
  167. package/src/components/sidebar/__tests__/__snapshots__/CSidebar.spec.ts.snap +2 -8
  168. package/src/components/smart-table/CSmartTable.ts +38 -36
  169. package/src/components/smart-table/CSmartTableHead.ts +54 -44
  170. package/src/directives/index.ts +3 -2
  171. package/src/directives/v-c-placeholder.ts +32 -0
  172. package/src/directives/v-c-visible.ts +33 -0
  173. package/src/index.ts +2 -1
@@ -18,7 +18,6 @@ declare const CSmartTable: import("vue").DefineComponent<{
18
18
  */
19
19
  cleaner: {
20
20
  type: BooleanConstructor;
21
- default: boolean;
22
21
  required: false;
23
22
  };
24
23
  /**
@@ -40,7 +39,6 @@ declare const CSmartTable: import("vue").DefineComponent<{
40
39
  */
41
40
  columnFilter: {
42
41
  type: PropType<boolean | ColumnFilter>;
43
- default: undefined;
44
42
  required: false;
45
43
  };
46
44
  /**
@@ -117,7 +115,6 @@ declare const CSmartTable: import("vue").DefineComponent<{
117
115
  */
118
116
  itemsPerPage: {
119
117
  type: NumberConstructor;
120
- default: number;
121
118
  required: false;
122
119
  };
123
120
  /**
@@ -189,7 +186,8 @@ declare const CSmartTable: import("vue").DefineComponent<{
189
186
  */
190
187
  selectable: BooleanConstructor;
191
188
  /**
192
- * State of the sorter. Name key is column name, direction can be 'asc' or 'desc'. Set .sync modifier to track changes.
189
+ * State of the sorter. Name key is column name, direction can be 'asc' or 'desc'. Set .sync modifier to track changes. eg.:
190
+ * { column: 'status', state: 'asc' }
193
191
  *
194
192
  * @type SorterValue
195
193
  */
@@ -229,7 +227,6 @@ declare const CSmartTable: import("vue").DefineComponent<{
229
227
  */
230
228
  tableFilter: {
231
229
  type: PropType<boolean | TableFilter>;
232
- default: undefined;
233
230
  required: false;
234
231
  };
235
232
  /**
@@ -282,66 +279,284 @@ declare const CSmartTable: import("vue").DefineComponent<{
282
279
  };
283
280
  }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
284
281
  [key: string]: any;
285
- }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("activePageChange" | "rowClick" | "columnFilterChange" | "filteredItemsChange" | "itemsPerPageChange" | "selectedItemsChange" | "sorterChange" | "tableFilterChange")[], "activePageChange" | "rowClick" | "columnFilterChange" | "filteredItemsChange" | "itemsPerPageChange" | "selectedItemsChange" | "sorterChange" | "tableFilterChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
286
- activePage?: unknown;
287
- cleaner?: unknown;
288
- clickableRows?: unknown;
289
- columnFilter?: unknown;
290
- columnFilterValue?: unknown;
291
- columns?: unknown;
292
- columnSorter?: unknown;
293
- footer?: unknown;
294
- header?: unknown;
295
- items?: unknown;
296
- itemsPerPage?: unknown;
297
- itemsPerPageLabel?: unknown;
298
- itemsPerPageOptions?: unknown;
299
- itemsPerPageSelect?: unknown;
300
- loading?: unknown;
301
- noItemsLabel?: unknown;
302
- pagination?: unknown;
303
- paginationProps?: unknown;
304
- selectable?: unknown;
305
- sorterValue?: unknown;
306
- tableBodyProps?: unknown;
307
- tableFootProps?: unknown;
308
- tableFilter?: unknown;
309
- tableFilterLabel?: unknown;
310
- tableFilterPlaceholder?: unknown;
311
- tableFilterValue?: unknown;
312
- tableHeadProps?: unknown;
313
- tableProps?: unknown;
314
- } & {
315
- items: Item[];
316
- footer: boolean;
317
- header: boolean;
318
- loading: boolean;
319
- cleaner: boolean;
320
- pagination: boolean;
321
- activePage: number;
322
- clickableRows: boolean;
323
- columns: string[] | Column[];
324
- selectable: boolean;
325
- itemsPerPage: number;
326
- itemsPerPageLabel: string;
327
- itemsPerPageOptions: number[];
328
- noItemsLabel: string;
329
- tableFilterLabel: string;
330
- tableFilterPlaceholder: string;
331
- } & {
332
- columnFilter?: boolean | ColumnFilter | undefined;
333
- columnSorter?: boolean | Sorter | undefined;
334
- columnFilterValue?: ColumnFilterValue | undefined;
335
- itemsPerPageSelect?: boolean | ItemsPerPageSelect | undefined;
336
- paginationProps?: Record<string, any> | undefined;
337
- sorterValue?: SorterValue | undefined;
338
- tableBodyProps?: Record<string, any> | undefined;
339
- tableFootProps?: Record<string, any> | undefined;
340
- tableFilter?: boolean | TableFilter | undefined;
341
- tableFilterValue?: string | undefined;
342
- tableHeadProps?: Record<string, any> | undefined;
343
- tableProps?: Record<string, any> | undefined;
344
- }> & {
282
+ }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("activePageChange" | "rowClick" | "columnFilterChange" | "filteredItemsChange" | "itemsPerPageChange" | "selectedItemsChange" | "sorterChange" | "tableFilterChange")[], "activePageChange" | "rowClick" | "columnFilterChange" | "filteredItemsChange" | "itemsPerPageChange" | "selectedItemsChange" | "sorterChange" | "tableFilterChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
283
+ /**
284
+ * Sets active page. If 'pagination' prop is enabled, activePage is set only initially.
285
+ *
286
+ * @default 1
287
+ */
288
+ activePage: {
289
+ type: NumberConstructor;
290
+ default: number;
291
+ required: false;
292
+ };
293
+ /**
294
+ * When set, displays table cleaner above table, next to the table filter (or in place of table filter if `tableFilter` prop is not set)
295
+ * Cleaner resets `tableFilterValue`, `columnFilterValue`, `sorterValue`. If clean is possible it is clickable (`tabIndex="0"` `role="button"`, `color="danger"`), otherwise it is not clickable and transparent. Cleaner can be customized through the `cleaner` slot.
296
+ *
297
+ */
298
+ cleaner: {
299
+ type: BooleanConstructor;
300
+ required: false;
301
+ };
302
+ /**
303
+ * Style table items as clickable.
304
+ *
305
+ * @type boolean
306
+ */
307
+ clickableRows: {
308
+ type: BooleanConstructor;
309
+ required: false;
310
+ };
311
+ /**
312
+ * When set, displays additional filter row between table header and items, allowing filtering by specific column.
313
+ * Column filter can be customized, by passing prop as object with additional options as keys. Available options:
314
+ * - external (Boolean) - Disables automatic filtering inside component.
315
+ * - lazy (Boolean) - Set to true to trigger filter updates only on change event.
316
+ *
317
+ * @type boolean | ColumnFilter
318
+ */
319
+ columnFilter: {
320
+ type: PropType<boolean | ColumnFilter>;
321
+ required: false;
322
+ };
323
+ /**
324
+ * Value of table filter. To set pass object where keys are column names and values are filter strings e.g.:
325
+ * { user: 'John', age: 12 }
326
+ * You can track state of this prop by setting .sync modifier.
327
+ */
328
+ columnFilterValue: {
329
+ type: PropType<ColumnFilterValue>;
330
+ default: undefined;
331
+ required: false;
332
+ };
333
+ /**
334
+ * Prop for table columns configuration. If prop is not defined, table will display columns based on the first item keys, omitting keys that begins with underscore (e.g. '_classes')
335
+ *
336
+ * In columns prop each array item represents one column. Item might be specified in two ways:
337
+ * String: each item define column name equal to item value.
338
+ * Object: item is object with following keys available as column configuration:
339
+ * - key (required)(String) - define column name equal to item key.
340
+ * - label (String) - define visible label of column. If not defined, label will be generated automatically based on column name, by converting kebab-case and snake_case to individual words and capitalization of each word.
341
+ * - _classes (String/Array/Object) - adds classes to all cels in column
342
+ * - _style (String/Array/Object) - adds styles to the column header (useful for defining widths)
343
+ * - sorter (Boolean) - disables sorting of the column when set to false
344
+ * - filter (Boolean) - removes filter from column when set to false.
345
+ */
346
+ columns: {
347
+ type: PropType<string[] | Column[]>;
348
+ default: () => never[];
349
+ required: false;
350
+ };
351
+ /**
352
+ * Enables table sorting by column value. Sorting will be performed corectly only if values in column are of one type: string (case insensitive) or number.
353
+ *
354
+ * Sorter can be customized, by passing prop as object with additional options as keys. Available options:
355
+ * - external (Boolean) - Disables automatic sorting inside component.
356
+ * - resetable (Boolean) - If set to true clicking on sorter have three states: ascending, descending and null. That means that third click on sorter will reset sorting, and restore table to original order.
357
+ *
358
+ * @type boolean | Sorter
359
+ */
360
+ columnSorter: {
361
+ type: PropType<boolean | Sorter>;
362
+ default: undefined;
363
+ required: false;
364
+ };
365
+ /**
366
+ * Displays table footer, which mirrors table header. (without column filter).
367
+ */
368
+ footer: {
369
+ type: BooleanConstructor;
370
+ required: false;
371
+ };
372
+ /**
373
+ * Set to false to remove table header.
374
+ *
375
+ * @default true
376
+ */
377
+ header: {
378
+ type: BooleanConstructor;
379
+ required: false;
380
+ default: boolean;
381
+ };
382
+ /**
383
+ * Array of objects, where each object represents one item - row in table. Additionally, you can add style classes to each row by passing them by '_classes' key and to single cell by '_cellClasses'.
384
+ */
385
+ items: {
386
+ type: PropType<Item[]>;
387
+ default: () => never[];
388
+ required: false;
389
+ };
390
+ /**
391
+ * Number of items per site, when pagination is enabled.
392
+ *
393
+ * @default 10
394
+ */
395
+ itemsPerPage: {
396
+ type: NumberConstructor;
397
+ required: false;
398
+ };
399
+ /**
400
+ * Label for items per page selector.
401
+ *
402
+ * @default 'Items per page:'
403
+ */
404
+ itemsPerPageLabel: {
405
+ type: StringConstructor;
406
+ required: false;
407
+ default: string;
408
+ };
409
+ /**
410
+ * Items per page selector options.
411
+ *
412
+ * @default [5, 10, 20, 50]
413
+ */
414
+ itemsPerPageOptions: {
415
+ type: PropType<number[]>;
416
+ default: () => number[];
417
+ required: false;
418
+ };
419
+ /**
420
+ * Adds select element over table, which is used for control items per page in pagination. If you want to customize this element, pass object with optional values:
421
+ * - label (String) - replaces default label text
422
+ * - values (Array) - custom array of pagination values
423
+ * - external (Boolean) - disables automatic 'itemsPerPage' change (use to change pages externaly by 'pagination-change' event).
424
+ */
425
+ itemsPerPageSelect: {
426
+ type: PropType<boolean | ItemsPerPageSelect>;
427
+ default: undefined;
428
+ required: false;
429
+ };
430
+ /**
431
+ * When set, table will have loading style: loading spinner and reduced opacity. When 'small' prop is enabled spinner will be also smaller.
432
+ */
433
+ loading: {
434
+ type: BooleanConstructor;
435
+ required: false;
436
+ };
437
+ /**
438
+ * ReactNode or string for passing custom noItemsLabel texts.
439
+ * @default 'No items found'
440
+ */
441
+ noItemsLabel: {
442
+ type: StringConstructor;
443
+ default: string;
444
+ required: false;
445
+ };
446
+ /**
447
+ * Enables default pagination. Set to true for default setup or pass an object with additional CPagination props. Default pagination will always have the computed number of pages that cannot be changed. The number of pages is generated based on the number of passed items and 'itemsPerPage' prop. If this restriction is an obstacle, you can make external CPagination instead.
448
+ */
449
+ pagination: {
450
+ type: BooleanConstructor;
451
+ required: false;
452
+ };
453
+ /**
454
+ * Properties to `CSmartPagination` component.
455
+ *
456
+ * @link https://coreui.io/vue/docs/4.0/components/smart-pagination#csmartpagination
457
+ */
458
+ paginationProps: {
459
+ type: ObjectConstructor;
460
+ default: undefined;
461
+ required: false;
462
+ };
463
+ /**
464
+ * Add checkboxes to make table rows selectable.
465
+ */
466
+ selectable: BooleanConstructor;
467
+ /**
468
+ * State of the sorter. Name key is column name, direction can be 'asc' or 'desc'. Set .sync modifier to track changes. eg.:
469
+ * { column: 'status', state: 'asc' }
470
+ *
471
+ * @type SorterValue
472
+ */
473
+ sorterValue: {
474
+ type: PropType<SorterValue>;
475
+ default: undefined;
476
+ required: false;
477
+ };
478
+ /**
479
+ * Properties to `CTableBody` component.
480
+ *
481
+ * @link https://coreui.io/vue/docs/4.0/components/table/#ctablebody
482
+ */
483
+ tableBodyProps: {
484
+ type: ObjectConstructor;
485
+ default: undefined;
486
+ required: false;
487
+ };
488
+ /**
489
+ * Properties to `CTableFoot` component.
490
+ *
491
+ * @link https://coreui.io/vue/docs/4.0/components/table/#ctablefoot
492
+ */
493
+ tableFootProps: {
494
+ type: ObjectConstructor;
495
+ default: undefined;
496
+ required: false;
497
+ };
498
+ /**
499
+ * When set, displays table filter above table, allowing filtering by specific column.
500
+ *
501
+ * Column filter can be customized, by passing prop as object with additional options as keys. Available options:
502
+ * - placeholder (String) - Sets custom table filter placeholder.
503
+ * - label (String) - Sets custom table filter label.
504
+ * - external (Boolean) - Disables automatic filtering inside component.
505
+ * - lazy (Boolean) - Set to true to trigger filter updates only on change event.
506
+ */
507
+ tableFilter: {
508
+ type: PropType<boolean | TableFilter>;
509
+ required: false;
510
+ };
511
+ /**
512
+ * The element represents a caption for a component.
513
+ */
514
+ tableFilterLabel: {
515
+ type: StringConstructor;
516
+ default: string;
517
+ required: false;
518
+ };
519
+ /**
520
+ * Specifies a short hint that is visible in the search input.
521
+ *
522
+ * @default 'type string...'
523
+ */
524
+ tableFilterPlaceholder: {
525
+ type: StringConstructor;
526
+ default: string;
527
+ required: false;
528
+ };
529
+ /**
530
+ * Value of table filter. Set .sync modifier to track changes.
531
+ *
532
+ * @default 'Filter:'
533
+ */
534
+ tableFilterValue: {
535
+ type: StringConstructor;
536
+ default: undefined;
537
+ required: false;
538
+ };
539
+ /**
540
+ * Properties to `CTableHead` component.
541
+ *
542
+ * @link https://coreui.io/vue/docs/4.0/components/table/#ctablehead
543
+ */
544
+ tableHeadProps: {
545
+ type: ObjectConstructor;
546
+ default: undefined;
547
+ required: false;
548
+ };
549
+ /**
550
+ * Properties to `CTable` component.
551
+ *
552
+ * @link https://coreui.io/vue/docs/4.0/components/table/#ctable
553
+ */
554
+ tableProps: {
555
+ type: ObjectConstructor;
556
+ default: undefined;
557
+ required: false;
558
+ };
559
+ }>> & {
345
560
  onActivePageChange?: ((...args: any[]) => any) | undefined;
346
561
  onRowClick?: ((...args: any[]) => any) | undefined;
347
562
  onColumnFilterChange?: ((...args: any[]) => any) | undefined;
@@ -361,19 +576,16 @@ declare const CSmartTable: import("vue").DefineComponent<{
361
576
  clickableRows: boolean;
362
577
  columns: string[] | Column[];
363
578
  selectable: boolean;
364
- columnFilter: boolean | ColumnFilter;
579
+ columnFilterValue: ColumnFilterValue;
365
580
  columnSorter: boolean | Sorter;
366
- itemsPerPage: number;
367
581
  itemsPerPageLabel: string;
368
582
  itemsPerPageOptions: number[];
369
- columnFilterValue: ColumnFilterValue;
370
583
  itemsPerPageSelect: boolean | ItemsPerPageSelect;
371
584
  noItemsLabel: string;
372
585
  paginationProps: Record<string, any>;
373
586
  sorterValue: SorterValue;
374
587
  tableBodyProps: Record<string, any>;
375
588
  tableFootProps: Record<string, any>;
376
- tableFilter: boolean | TableFilter;
377
589
  tableFilterLabel: string;
378
590
  tableFilterPlaceholder: string;
379
591
  tableFilterValue: string;
@@ -38,26 +38,43 @@ declare const CSmartTableBody: import("vue").DefineComponent<{
38
38
  selectable: BooleanConstructor;
39
39
  }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
40
40
  [key: string]: any;
41
- }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("rowChecked" | "rowClick")[], "rowChecked" | "rowClick", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
42
- clickableRows?: unknown;
43
- currentItems?: unknown;
44
- firstItemOnActivePageIndex?: unknown;
45
- noItemLabel?: unknown;
46
- columns?: unknown;
47
- rawColumnNames?: unknown;
48
- scopedSlots?: unknown;
49
- selectable?: unknown;
50
- } & {
51
- clickableRows: boolean;
52
- currentItems: Item[];
53
- firstItemOnActivePageIndex: number;
54
- columns: unknown[];
55
- rawColumnNames: string[];
56
- selectable: boolean;
57
- } & {
58
- noItemLabel?: string | undefined;
59
- scopedSlots?: Record<string, any> | undefined;
60
- }> & {
41
+ }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("rowChecked" | "rowClick")[], "rowChecked" | "rowClick", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
42
+ clickableRows: {
43
+ type: BooleanConstructor;
44
+ require: boolean;
45
+ };
46
+ currentItems: {
47
+ type: PropType<Item[]>;
48
+ default: () => never[];
49
+ required: false;
50
+ };
51
+ firstItemOnActivePageIndex: {
52
+ type: NumberConstructor;
53
+ require: boolean;
54
+ default: number;
55
+ };
56
+ noItemLabel: {
57
+ type: StringConstructor;
58
+ default: undefined;
59
+ require: boolean;
60
+ };
61
+ columns: {
62
+ type: ArrayConstructor;
63
+ default: () => never[];
64
+ require: boolean;
65
+ };
66
+ rawColumnNames: {
67
+ type: PropType<string[]>;
68
+ default: () => never[];
69
+ require: boolean;
70
+ };
71
+ scopedSlots: {
72
+ type: ObjectConstructor;
73
+ default: undefined;
74
+ require: boolean;
75
+ };
76
+ selectable: BooleanConstructor;
77
+ }>> & {
61
78
  onRowChecked?: ((...args: any[]) => any) | undefined;
62
79
  onRowClick?: ((...args: any[]) => any) | undefined;
63
80
  }, {
@@ -6,11 +6,13 @@ declare const CSmartTableCleaner: import("vue").DefineComponent<{
6
6
  };
7
7
  }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
8
8
  [key: string]: any;
9
- }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "tableCleanerClick"[], "tableCleanerClick", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
10
- isFiltered?: unknown;
11
- } & {} & {
12
- isFiltered?: string | undefined;
13
- }> & {
9
+ }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "tableCleanerClick"[], "tableCleanerClick", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
10
+ isFiltered: {
11
+ type: StringConstructor;
12
+ default: undefined;
13
+ required: false;
14
+ };
15
+ }>> & {
14
16
  onTableCleanerClick?: ((...args: any[]) => any) | undefined;
15
17
  }, {
16
18
  isFiltered: string;
@@ -16,15 +16,23 @@ declare const CSmartTableFilter: import("vue").DefineComponent<{
16
16
  };
17
17
  }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
18
18
  [key: string]: any;
19
- }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("filterInput" | "filterChange")[], "filterInput" | "filterChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
20
- filterLabel?: unknown;
21
- filterPlaceholder?: unknown;
22
- value?: unknown;
23
- } & {
24
- value: string | number;
25
- filterLabel: string;
26
- filterPlaceholder: string;
27
- } & {}> & {
19
+ }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("filterInput" | "filterChange")[], "filterInput" | "filterChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
20
+ filterLabel: {
21
+ type: StringConstructor;
22
+ require: boolean;
23
+ default: string;
24
+ };
25
+ filterPlaceholder: {
26
+ type: StringConstructor;
27
+ require: boolean;
28
+ default: string;
29
+ };
30
+ value: {
31
+ type: (NumberConstructor | StringConstructor)[];
32
+ require: boolean;
33
+ default: string;
34
+ };
35
+ }>> & {
28
36
  onFilterInput?: ((...args: any[]) => any) | undefined;
29
37
  onFilterChange?: ((...args: any[]) => any) | undefined;
30
38
  }, {
@@ -1,5 +1,5 @@
1
1
  import { PropType } from 'vue';
2
- import { Column, ColumnFilter, Sorter, SorterValue } from './CSmartTableInterface';
2
+ import { Column, ColumnFilter, ColumnFilterValue, Sorter, SorterValue } from './CSmartTableInterface';
3
3
  declare const CSmartTableHead: import("vue").DefineComponent<{
4
4
  clearSorterAndFilter: {
5
5
  type: StringConstructor;
@@ -8,9 +8,12 @@ declare const CSmartTableHead: import("vue").DefineComponent<{
8
8
  };
9
9
  columnFilter: {
10
10
  type: PropType<boolean | ColumnFilter>;
11
- default: undefined;
12
11
  require: boolean;
13
12
  };
13
+ columnFilterValue: {
14
+ type: PropType<ColumnFilterValue>;
15
+ required: false;
16
+ };
14
17
  columnSorter: {
15
18
  type: PropType<boolean | Sorter>;
16
19
  default: undefined;
@@ -35,26 +38,43 @@ declare const CSmartTableHead: import("vue").DefineComponent<{
35
38
  };
36
39
  }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
37
40
  [key: string]: any;
38
- }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("filterInput" | "filterChange" | "selectAllChecked" | "sortClick")[], "filterInput" | "filterChange" | "selectAllChecked" | "sortClick", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
39
- clearSorterAndFilter?: unknown;
40
- columnFilter?: unknown;
41
- columnSorter?: unknown;
42
- component?: unknown;
43
- columns?: unknown;
44
- selectable?: unknown;
45
- selectAll?: unknown;
46
- sorterState?: unknown;
47
- } & {
48
- component: string;
49
- columns: string[] | Column[];
50
- selectable: boolean;
51
- clearSorterAndFilter: string;
52
- } & {
53
- selectAll?: string | boolean | undefined;
54
- columnFilter?: boolean | ColumnFilter | undefined;
55
- columnSorter?: boolean | Sorter | undefined;
56
- sorterState?: SorterValue | undefined;
57
- }> & {
41
+ }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("filterInput" | "filterChange" | "selectAllChecked" | "sortClick")[], "filterInput" | "filterChange" | "selectAllChecked" | "sortClick", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
42
+ clearSorterAndFilter: {
43
+ type: StringConstructor;
44
+ require: boolean;
45
+ default: string;
46
+ };
47
+ columnFilter: {
48
+ type: PropType<boolean | ColumnFilter>;
49
+ require: boolean;
50
+ };
51
+ columnFilterValue: {
52
+ type: PropType<ColumnFilterValue>;
53
+ required: false;
54
+ };
55
+ columnSorter: {
56
+ type: PropType<boolean | Sorter>;
57
+ default: undefined;
58
+ require: boolean;
59
+ };
60
+ component: {
61
+ type: StringConstructor;
62
+ default: string;
63
+ require: boolean;
64
+ };
65
+ columns: {
66
+ type: PropType<string[] | Column[]>;
67
+ default: () => never[];
68
+ required: false;
69
+ };
70
+ selectable: BooleanConstructor;
71
+ selectAll: (StringConstructor | BooleanConstructor)[];
72
+ sorterState: {
73
+ type: PropType<SorterValue>;
74
+ default: undefined;
75
+ require: boolean;
76
+ };
77
+ }>> & {
58
78
  onFilterInput?: ((...args: any[]) => any) | undefined;
59
79
  onFilterChange?: ((...args: any[]) => any) | undefined;
60
80
  onSelectAllChecked?: ((...args: any[]) => any) | undefined;
@@ -64,7 +84,6 @@ declare const CSmartTableHead: import("vue").DefineComponent<{
64
84
  columns: string[] | Column[];
65
85
  selectable: boolean;
66
86
  clearSorterAndFilter: string;
67
- columnFilter: boolean | ColumnFilter;
68
87
  columnSorter: boolean | Sorter;
69
88
  sorterState: SorterValue;
70
89
  }>;
@@ -17,16 +17,23 @@ declare const CSmartTableItemsPerPageSelector: import("vue").DefineComponent<{
17
17
  };
18
18
  }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
19
19
  [key: string]: any;
20
- }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "changeItemsPerPage"[], "changeItemsPerPage", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
21
- itemsPerPage?: unknown;
22
- itemsPerPageLabel?: unknown;
23
- itemsPerPageOptions?: unknown;
24
- } & {
25
- itemsPerPageOptions: number[];
26
- } & {
27
- itemsPerPage?: number | undefined;
28
- itemsPerPageLabel?: string | undefined;
29
- }> & {
20
+ }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "changeItemsPerPage"[], "changeItemsPerPage", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
21
+ itemsPerPage: {
22
+ type: NumberConstructor;
23
+ default: undefined;
24
+ require: boolean;
25
+ };
26
+ itemsPerPageLabel: {
27
+ type: StringConstructor;
28
+ default: undefined;
29
+ require: boolean;
30
+ };
31
+ itemsPerPageOptions: {
32
+ type: PropType<number[]>;
33
+ default: () => never[];
34
+ require: boolean;
35
+ };
36
+ }>> & {
30
37
  onChangeItemsPerPage?: ((...args: any[]) => any) | undefined;
31
38
  }, {
32
39
  itemsPerPage: number;