cleek 2.11.43 → 3.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (49) hide show
  1. package/dist/cleek-styles/clear-app.styl +7 -0
  2. package/dist/cleek-styles/cleek-mixins.styl +3 -3
  3. package/dist/cleek-styles/tiny-tailwind/aspect-ratio.styl +6 -6
  4. package/dist/cleek-styles/tiny-tailwind/bg-color.styl +161 -161
  5. package/dist/cleek-styles/tiny-tailwind/border-color.styl +161 -161
  6. package/dist/cleek-styles/tiny-tailwind/border.styl +63 -63
  7. package/dist/cleek-styles/tiny-tailwind/flex-direction.styl +8 -8
  8. package/dist/cleek-styles/tiny-tailwind/flex-grow.styl +10 -10
  9. package/dist/cleek-styles/tiny-tailwind/font-size.styl +24 -24
  10. package/dist/cleek-styles/tiny-tailwind/grid.styl +87 -87
  11. package/dist/cleek-styles/tiny-tailwind/height.styl +96 -96
  12. package/dist/cleek-styles/tiny-tailwind/inset.styl +328 -328
  13. package/dist/cleek-styles/tiny-tailwind/leading.styl +28 -28
  14. package/dist/cleek-styles/tiny-tailwind/object-fit.styl +20 -20
  15. package/dist/cleek-styles/tiny-tailwind/opacity.styl +30 -30
  16. package/dist/cleek-styles/tiny-tailwind/pointer-events.styl +4 -4
  17. package/dist/cleek-styles/tiny-tailwind/shadow.styl +16 -16
  18. package/dist/cleek-styles/tiny-tailwind/size-constraints.styl +127 -127
  19. package/dist/cleek-styles/tiny-tailwind/text-color.styl +159 -159
  20. package/dist/cleek-styles/tiny-tailwind/text-decoration.styl +8 -8
  21. package/dist/cleek-styles/tiny-tailwind/text-overflow.styl +38 -38
  22. package/dist/cleek-styles/tiny-tailwind/text-transform.styl +8 -8
  23. package/dist/cleek-styles/tiny-tailwind/transition.styl +55 -55
  24. package/dist/cleek-styles/tiny-tailwind/user-select.styl +8 -8
  25. package/dist/cleek-styles/tiny-tailwind/visibility.styl +4 -4
  26. package/dist/cleek-styles/tiny-tailwind/z-index.styl +14 -14
  27. package/dist/main.cjs.js +1 -1
  28. package/dist/main.css +1 -1
  29. package/dist/main.es.js +2920 -2603
  30. package/dist/types/cleek-options/cleek-options.store.d.ts +0 -9
  31. package/dist/types/cleek-options/cleek-options.types.d.ts +1 -2
  32. package/dist/types/components/ck-card.vue.d.ts +1 -0
  33. package/dist/types/components/ck-chip.vue.d.ts +1 -3
  34. package/dist/types/components/ck-popup.vue.d.ts +2 -1
  35. package/dist/types/components/ck-select.vue.d.ts +0 -1
  36. package/dist/types/components/ck-table/ck-table-expand-btn.vue.d.ts +24 -0
  37. package/dist/types/components/ck-table/ck-table.vue.d.ts +33 -3
  38. package/dist/types/components/ck-table/ck-th.vue.d.ts +8 -1
  39. package/dist/types/components/ck-table/inner-components/ck-table__columns-manager.vue.d.ts +17 -7
  40. package/dist/types/components/ck-table/inner-components/ck-table__header-items.vue.d.ts +2 -0
  41. package/dist/types/components/ck-table/inner-components/ck-table__pagination.vue.d.ts +0 -4
  42. package/dist/types/components/ck-table/inner-components/ck-table__row.vue.d.ts +28 -0
  43. package/dist/types/components/ck-table/inner-components/ck-table__select-dropdown.vue.d.ts +80 -0
  44. package/dist/types/components/ck-tabs/ck-tabs.vue.d.ts +0 -1
  45. package/dist/types/components/ck-toggle-group/ck-toggle-group.vue.d.ts +1 -0
  46. package/dist/types/components/index.d.ts +4 -0
  47. package/dist/types/composables/use-table-row-expansion.composable.d.ts +3 -0
  48. package/dist/types/types/table.d.ts +20 -1
  49. package/package.json +80 -79
@@ -20,7 +20,6 @@ export declare const useCleekOptionsStore: import('pinia').StoreDefinition<"clee
20
20
  textColor: import('./cleek-options.types').Color;
21
21
  };
22
22
  chip: {
23
- type: import('./cleek-options.types').ChipType;
24
23
  layout: import('./cleek-options.types').Layout;
25
24
  };
26
25
  div: {
@@ -72,7 +71,6 @@ export declare const useCleekOptionsStore: import('pinia').StoreDefinition<"clee
72
71
  textColor: import('./cleek-options.types').Color;
73
72
  };
74
73
  chip: {
75
- type: import('./cleek-options.types').ChipType;
76
74
  layout: import('./cleek-options.types').Layout;
77
75
  };
78
76
  div: {
@@ -119,7 +117,6 @@ export declare const useCleekOptionsStore: import('pinia').StoreDefinition<"clee
119
117
  textColor: import('./cleek-options.types').Color;
120
118
  }>;
121
119
  chipOptions: import('vue').ComputedRef<{
122
- type: import('./cleek-options.types').ChipType;
123
120
  layout: import('./cleek-options.types').Layout;
124
121
  }>;
125
122
  divOptions: import('vue').ComputedRef<{
@@ -172,7 +169,6 @@ export declare const useCleekOptionsStore: import('pinia').StoreDefinition<"clee
172
169
  textColor: import('./cleek-options.types').Color;
173
170
  };
174
171
  chip: {
175
- type: import('./cleek-options.types').ChipType;
176
172
  layout: import('./cleek-options.types').Layout;
177
173
  };
178
174
  div: {
@@ -224,7 +220,6 @@ export declare const useCleekOptionsStore: import('pinia').StoreDefinition<"clee
224
220
  textColor: import('./cleek-options.types').Color;
225
221
  };
226
222
  chip: {
227
- type: import('./cleek-options.types').ChipType;
228
223
  layout: import('./cleek-options.types').Layout;
229
224
  };
230
225
  div: {
@@ -271,7 +266,6 @@ export declare const useCleekOptionsStore: import('pinia').StoreDefinition<"clee
271
266
  textColor: import('./cleek-options.types').Color;
272
267
  }>;
273
268
  chipOptions: import('vue').ComputedRef<{
274
- type: import('./cleek-options.types').ChipType;
275
269
  layout: import('./cleek-options.types').Layout;
276
270
  }>;
277
271
  divOptions: import('vue').ComputedRef<{
@@ -324,7 +318,6 @@ export declare const useCleekOptionsStore: import('pinia').StoreDefinition<"clee
324
318
  textColor: import('./cleek-options.types').Color;
325
319
  };
326
320
  chip: {
327
- type: import('./cleek-options.types').ChipType;
328
321
  layout: import('./cleek-options.types').Layout;
329
322
  };
330
323
  div: {
@@ -376,7 +369,6 @@ export declare const useCleekOptionsStore: import('pinia').StoreDefinition<"clee
376
369
  textColor: import('./cleek-options.types').Color;
377
370
  };
378
371
  chip: {
379
- type: import('./cleek-options.types').ChipType;
380
372
  layout: import('./cleek-options.types').Layout;
381
373
  };
382
374
  div: {
@@ -423,7 +415,6 @@ export declare const useCleekOptionsStore: import('pinia').StoreDefinition<"clee
423
415
  textColor: import('./cleek-options.types').Color;
424
416
  }>;
425
417
  chipOptions: import('vue').ComputedRef<{
426
- type: import('./cleek-options.types').ChipType;
427
418
  layout: import('./cleek-options.types').Layout;
428
419
  }>;
429
420
  divOptions: import('vue').ComputedRef<{
@@ -6,10 +6,10 @@ export type IconPack = 'font-awesome' | 'feather' | 'cleek';
6
6
  export type Lang = 'es' | 'en';
7
7
  export type Layout = 'base' | 'rounded' | 'squared';
8
8
  export type ButtonType = 'filled' | 'outlined' | 'flat' | 'soft';
9
- export type ChipType = 'outlined' | 'filled' | 'shadow';
10
9
  export type WidthBreaks = [number, string][];
11
10
  export type InputType = 'text' | 'number' | 'date' | 'time' | 'password' | 'email';
12
11
  export type Size = 'xs' | 's' | 'm' | 'l' | 'xl';
12
+ export type PopupSize = 's' | 'm' | 'l' | 'xl';
13
13
  export type SizeInCSS = string;
14
14
  export type TableVersion = 'default' | 'colored';
15
15
  export type CleekOptions = {
@@ -33,7 +33,6 @@ export type CleekOptions = {
33
33
  textColor: Color;
34
34
  };
35
35
  chip: {
36
- type: ChipType;
37
36
  layout: Layout;
38
37
  };
39
38
  div: {
@@ -5,6 +5,7 @@ type __VLS_Props = {
5
5
  subtitle?: string;
6
6
  block?: boolean;
7
7
  clickable?: boolean;
8
+ surface?: 'sunken';
8
9
  layout?: Layout;
9
10
  };
10
11
  declare function __VLS_template(): {
@@ -1,8 +1,7 @@
1
- import { Align, ChipType, Color, Icon, IconPack, Size, Layout } from '../cleek-options/cleek-options.types';
1
+ import { Align, Color, Icon, IconPack, Size, Layout } from '../cleek-options/cleek-options.types';
2
2
  type __VLS_Props = {
3
3
  size?: Size;
4
4
  color?: Color;
5
- textColor?: Color;
6
5
  align?: Align;
7
6
  nowrap?: boolean;
8
7
  icon?: Icon;
@@ -10,7 +9,6 @@ type __VLS_Props = {
10
9
  iconPack?: IconPack;
11
10
  clickable?: boolean;
12
11
  group?: Align;
13
- type?: ChipType;
14
12
  layout?: Layout;
15
13
  };
16
14
  declare function __VLS_template(): {
@@ -1,4 +1,4 @@
1
- import { Align, Color, Layout, ButtonType } from '../cleek-options/cleek-options.types';
1
+ import { Align, Color, Layout, ButtonType, PopupSize } from '../cleek-options/cleek-options.types';
2
2
  type __VLS_Props = {
3
3
  title?: string;
4
4
  topAlert?: string;
@@ -14,6 +14,7 @@ type __VLS_Props = {
14
14
  notClose?: boolean;
15
15
  preventCloseOnCancel?: boolean;
16
16
  isLoading?: boolean;
17
+ size?: PopupSize;
17
18
  width?: number;
18
19
  maxWidth?: number;
19
20
  layout?: Layout;
@@ -63,7 +63,6 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
63
63
  reduceNameProp: string;
64
64
  emptyOptionsMsg: string;
65
65
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
66
- selectRef: HTMLSelectElement;
67
66
  inputRef: HTMLInputElement;
68
67
  dropdownRef: HTMLUListElement;
69
68
  }, HTMLDivElement>;
@@ -0,0 +1,24 @@
1
+ import { Icon, Size } from '../../cleek-options/cleek-options.types';
2
+ type __VLS_Props = {
3
+ label?: string;
4
+ icon?: Icon;
5
+ size?: Size;
6
+ bordered?: boolean;
7
+ };
8
+ declare function __VLS_template(): {
9
+ attrs: Partial<{}>;
10
+ slots: {
11
+ default?(_: {}): any;
12
+ };
13
+ refs: {};
14
+ rootEl: any;
15
+ };
16
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
17
+ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
18
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
19
+ export default _default;
20
+ type __VLS_WithTemplateSlots<T, S> = T & {
21
+ new (): {
22
+ $slots: S;
23
+ };
24
+ };
@@ -1,5 +1,5 @@
1
- import { ColumnItem } from '../../types/table';
2
- import { Align, Color, Layout, TableVersion } from '../../cleek-options/cleek-options.types';
1
+ import { ColumnItem, TableColumnView, TableExpandMode, TableRowId, TableSort } from '../../types/table';
2
+ import { Color, Layout, TableVersion } from '../../cleek-options/cleek-options.types';
3
3
  import { SelectedRows } from '../index';
4
4
  type Columns = ColumnItem[] | object;
5
5
  type CellPadding = 's' | 'm' | 'l' | 'none';
@@ -7,16 +7,22 @@ type __VLS_Props = {
7
7
  rows: any[];
8
8
  columns?: Columns;
9
9
  hasColumnsManager?: boolean;
10
+ columnViews?: TableColumnView[];
11
+ isSelectionFiltered?: boolean;
12
+ selectionItemsLabel?: string;
13
+ expandMode?: TableExpandMode;
14
+ isRowExpandable?: (row: any) => boolean;
10
15
  currentPage?: number;
11
16
  itemsPerPage?: number;
12
17
  listLength?: number;
13
- paginationAlign?: Align;
14
18
  search?: string;
19
+ searchPlaceholder?: string;
15
20
  loadingText?: string;
16
21
  isLoading?: boolean;
17
22
  hideHeaderActions?: boolean;
18
23
  hideRefreshBtn?: boolean;
19
24
  hideItemsPerPage?: boolean;
25
+ hideColumnsHeader?: boolean;
20
26
  darkMode?: boolean;
21
27
  notFullWidth?: boolean;
22
28
  striped?: boolean;
@@ -24,6 +30,7 @@ type __VLS_Props = {
24
30
  cellPaddingY?: CellPadding;
25
31
  noResultsText?: string;
26
32
  notOverflow?: boolean;
33
+ minimal?: boolean;
27
34
  layout?: Layout;
28
35
  version?: TableVersion;
29
36
  headerTextColor?: Color;
@@ -32,6 +39,9 @@ type __VLS_Props = {
32
39
  };
33
40
  type __VLS_PublicProps = {
34
41
  'selectedRows'?: SelectedRows;
42
+ 'expandedRows'?: TableRowId[];
43
+ 'sortBy'?: TableSort | null;
44
+ 'selectedColumnViewId'?: string | null;
35
45
  } & __VLS_Props;
36
46
  declare function __VLS_template(): {
37
47
  attrs: Partial<{}>;
@@ -46,6 +56,13 @@ declare function __VLS_template(): {
46
56
  row?(_: {
47
57
  row: any;
48
58
  rowIndex: number;
59
+ isExpandable: boolean;
60
+ isExpanded: boolean;
61
+ toggleExpansion: () => void;
62
+ }): any;
63
+ rowExpansion?(_: {
64
+ row: any;
65
+ rowIndex: number;
49
66
  }): any;
50
67
  footer?(_: {}): any;
51
68
  mobile?(_: {}): any;
@@ -56,18 +73,31 @@ declare function __VLS_template(): {
56
73
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
57
74
  declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
58
75
  "update:selectedRows": (value: SelectedRows) => any;
76
+ "update:expandedRows": (value: TableRowId[]) => any;
77
+ "update:sortBy": (value: TableSort) => any;
78
+ "update:selectedColumnViewId": (value: string) => any;
59
79
  } & {
60
80
  refreshList: (pageChange: boolean) => any;
61
81
  "update:currentPage": (value: number) => any;
82
+ selectAllList: () => any;
62
83
  "update:search": (value: string) => any;
84
+ createColumnView: (name: string, columnNames: string[]) => any;
85
+ columnViewColumnsChanged: (columnNames: string[]) => any;
63
86
  }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
64
87
  onRefreshList?: (pageChange: boolean) => any;
65
88
  "onUpdate:currentPage"?: (value: number) => any;
89
+ onSelectAllList?: () => any;
66
90
  "onUpdate:search"?: (value: string) => any;
91
+ onCreateColumnView?: (name: string, columnNames: string[]) => any;
92
+ onColumnViewColumnsChanged?: (columnNames: string[]) => any;
67
93
  "onUpdate:selectedRows"?: (value: SelectedRows) => any;
94
+ "onUpdate:expandedRows"?: (value: TableRowId[]) => any;
95
+ "onUpdate:sortBy"?: (value: TableSort) => any;
96
+ "onUpdate:selectedColumnViewId"?: (value: string) => any;
68
97
  }>, {
69
98
  darkMode: boolean;
70
99
  isLoading: boolean;
100
+ expandMode: TableExpandMode;
71
101
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
72
102
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
73
103
  export default _default;
@@ -1,9 +1,12 @@
1
1
  import { Align, Color } from '../../cleek-options/cleek-options.types';
2
+ import { TableSortDirection } from '../../types/table';
2
3
  type __VLS_Props = {
3
4
  align: Align;
4
5
  minWidth: string;
5
6
  textColor?: Color;
6
7
  backgroundColor?: Color;
8
+ sortable?: boolean;
9
+ sortDirection?: TableSortDirection | null;
7
10
  };
8
11
  declare function __VLS_template(): {
9
12
  attrs: Partial<{}>;
@@ -14,7 +17,11 @@ declare function __VLS_template(): {
14
17
  rootEl: HTMLTableCellElement;
15
18
  };
16
19
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
17
- declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLTableCellElement>;
20
+ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
21
+ sortClick: () => any;
22
+ }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
23
+ onSortClick?: () => any;
24
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLTableCellElement>;
18
25
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
19
26
  export default _default;
20
27
  type __VLS_WithTemplateSlots<T, S> = T & {
@@ -1,12 +1,22 @@
1
- import { ColumnItem } from '../../../types/table';
1
+ import { ColumnItem, TableColumnView } from '../../../types/table';
2
+ import { Layout } from '../../../cleek-options/cleek-options.types';
2
3
  type __VLS_Props = {
3
- modelValue: boolean;
4
4
  columns?: object;
5
5
  columnsArray?: ColumnItem[];
6
+ views?: TableColumnView[];
7
+ layout?: Layout;
6
8
  };
7
- declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
8
- "update:modelValue": (value: boolean) => any;
9
- }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
10
- "onUpdate:modelValue"?: (value: boolean) => any;
11
- }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
9
+ type __VLS_PublicProps = {
10
+ 'selectedViewId'?: string | null;
11
+ } & __VLS_Props;
12
+ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
13
+ "update:selectedViewId": (value: string) => any;
14
+ } & {
15
+ createView: (name: string, columnNames: string[]) => any;
16
+ viewColumnsChanged: (columnNames: string[]) => any;
17
+ }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
18
+ onCreateView?: (name: string, columnNames: string[]) => any;
19
+ onViewColumnsChanged?: (columnNames: string[]) => any;
20
+ "onUpdate:selectedViewId"?: (value: string) => any;
21
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
12
22
  export default _default;
@@ -5,6 +5,7 @@ type __VLS_Props = {
5
5
  layout: Layout;
6
6
  version: TableVersion;
7
7
  isLoading?: boolean;
8
+ searchPlaceholder?: string;
8
9
  };
9
10
  type __VLS_PublicProps = {
10
11
  modelValue: string;
@@ -14,6 +15,7 @@ declare function __VLS_template(): {
14
15
  slots: {
15
16
  headerActionsLeft?(_: {}): any;
16
17
  headerActionsRight?(_: {}): any;
18
+ header?(_: {}): any;
17
19
  };
18
20
  refs: {};
19
21
  rootEl: HTMLDivElement;
@@ -1,11 +1,7 @@
1
- import { Align, Layout } from '../../../cleek-options/cleek-options.types';
2
1
  type __VLS_Props = {
3
2
  totalPages: number;
4
3
  currentPage: number;
5
- align: Align;
6
- itemsPerPage: number;
7
4
  listLength: number;
8
- layout: Layout;
9
5
  };
10
6
  declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
11
7
  refreshList: () => any;
@@ -0,0 +1,28 @@
1
+ type __VLS_Props = {
2
+ isExpandable: boolean;
3
+ isExpanded: boolean;
4
+ isSelected: boolean;
5
+ columnsCount: number;
6
+ };
7
+ declare function __VLS_template(): {
8
+ attrs: Partial<{}>;
9
+ slots: {
10
+ default?(_: {}): any;
11
+ expansion?(_: {}): any;
12
+ };
13
+ refs: {};
14
+ rootEl: any;
15
+ };
16
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
17
+ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
18
+ toggleExpansion: () => any;
19
+ }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
20
+ onToggleExpansion?: () => any;
21
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
22
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
23
+ export default _default;
24
+ type __VLS_WithTemplateSlots<T, S> = T & {
25
+ new (): {
26
+ $slots: S;
27
+ };
28
+ };
@@ -0,0 +1,80 @@
1
+ type __VLS_Props = {
2
+ pageSelectionState: boolean | null;
3
+ pageCount: number;
4
+ selectedCount: number;
5
+ listLength?: number;
6
+ isSelectionFiltered?: boolean;
7
+ itemsLabel?: string;
8
+ };
9
+ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
10
+ selectPage: () => any;
11
+ selectAllList: () => any;
12
+ deselectAll: () => any;
13
+ }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
14
+ onSelectPage?: () => any;
15
+ onSelectAllList?: () => any;
16
+ onDeselectAll?: () => any;
17
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
18
+ dropdownRef: {
19
+ $: import('vue').ComponentInternalInstance;
20
+ $data: {};
21
+ $props: Partial<{}> & Omit<{
22
+ readonly align?: import('../../../cleek-options/cleek-options.types').Align;
23
+ readonly dark?: boolean;
24
+ readonly layout?: import('../../../cleek-options/cleek-options.types').Layout;
25
+ } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
26
+ $attrs: import('vue').Attrs;
27
+ $refs: {
28
+ [x: string]: unknown;
29
+ } & {
30
+ dropdownRef: HTMLDivElement;
31
+ contentRef: HTMLDivElement;
32
+ };
33
+ $slots: Readonly<{
34
+ [name: string]: import('vue').Slot<any>;
35
+ }>;
36
+ $root: import('vue').ComponentPublicInstance | null;
37
+ $parent: import('vue').ComponentPublicInstance | null;
38
+ $host: Element | null;
39
+ $emit: (event: string, ...args: any[]) => void;
40
+ $el: HTMLDivElement;
41
+ $options: import('vue').ComponentOptionsBase<Readonly<{
42
+ align?: import('../../../cleek-options/cleek-options.types').Align;
43
+ dark?: boolean;
44
+ layout?: import('../../../cleek-options/cleek-options.types').Layout;
45
+ }> & Readonly<{}>, {
46
+ close: () => void;
47
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
48
+ beforeCreate?: (() => void) | (() => void)[];
49
+ created?: (() => void) | (() => void)[];
50
+ beforeMount?: (() => void) | (() => void)[];
51
+ mounted?: (() => void) | (() => void)[];
52
+ beforeUpdate?: (() => void) | (() => void)[];
53
+ updated?: (() => void) | (() => void)[];
54
+ activated?: (() => void) | (() => void)[];
55
+ deactivated?: (() => void) | (() => void)[];
56
+ beforeDestroy?: (() => void) | (() => void)[];
57
+ beforeUnmount?: (() => void) | (() => void)[];
58
+ destroyed?: (() => void) | (() => void)[];
59
+ unmounted?: (() => void) | (() => void)[];
60
+ renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
61
+ renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
62
+ errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
63
+ };
64
+ $forceUpdate: () => void;
65
+ $nextTick: typeof import('vue').nextTick;
66
+ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
67
+ } & Readonly<{}> & Omit<Readonly<{
68
+ align?: import('../../../cleek-options/cleek-options.types').Align;
69
+ dark?: boolean;
70
+ layout?: import('../../../cleek-options/cleek-options.types').Layout;
71
+ }> & Readonly<{}>, "close"> & {
72
+ close: () => void;
73
+ } & {} & import('vue').ComponentCustomProperties & {} & {
74
+ $slots: {
75
+ trigger?(_: {}): any;
76
+ content?(_: {}): any;
77
+ };
78
+ };
79
+ }, HTMLDivElement>;
80
+ export default _default;
@@ -1,6 +1,5 @@
1
1
  type __VLS_Props = {
2
2
  type?: 'outlined' | 'flat';
3
- isContentTransparent?: boolean;
4
3
  };
5
4
  declare function selectTab(index: any): void;
6
5
  declare function __VLS_template(): {
@@ -17,6 +17,7 @@ declare const _default: <T extends string | number>(__VLS_props: NonNullable<Awa
17
17
  gap?: string;
18
18
  multipleSelection?: boolean;
19
19
  iconPack?: IconPack;
20
+ size?: "s" | "m";
20
21
  }) & Partial<{}>> & import('vue').PublicProps;
21
22
  expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
22
23
  attrs: any;
@@ -1,9 +1,11 @@
1
+ import { TableSort } from '../types/table';
1
2
  export { default as CkDatetimeShower } from './showers/ck-datetime-shower.vue';
2
3
  export { default as CkTimeShower } from './showers/ck-time-shower.vue';
3
4
  export { default as CkDropdown } from './ck-dropdown/ck-dropdown.vue';
4
5
  export { default as CkNavbar } from './ck-navbar/ck-navbar.vue';
5
6
  export { default as CkTable } from './ck-table/ck-table.vue';
6
7
  export { default as CkPagination } from './ck-table/ck-pagination/ck-pagination.vue';
8
+ export { default as CkTableExpandBtn } from './ck-table/ck-table-expand-btn.vue';
7
9
  export { default as CkTd } from './ck-table/ck-td.vue';
8
10
  export { default as CkTh } from './ck-table/ck-th.vue';
9
11
  export { default as CkTr } from './ck-table/ck-tr.vue';
@@ -34,6 +36,7 @@ export { default as CkTextarea } from './ck-textarea.vue';
34
36
  export { default as CkTilePicker } from './ck-tile-picker.vue';
35
37
  export { default as useWindowWidth } from '../hooks/windowWidth';
36
38
  export { default as ckNotify } from './ck-notify/ck-notify';
39
+ export type { TableSort, TableSortDirection } from '../types/table';
37
40
  export declare class TableData {
38
41
  search: string;
39
42
  currentPage: number;
@@ -41,6 +44,7 @@ export declare class TableData {
41
44
  itemsPerPage: number;
42
45
  isLoading: boolean;
43
46
  isEmpty: boolean;
47
+ sortBy: TableSort | null;
44
48
  constructor(itemsPerPage: number);
45
49
  }
46
50
  type RowId = number;
@@ -0,0 +1,3 @@
1
+ import { TableRowExpansion } from '../types/table';
2
+ export declare function provideTableRowExpansion(rowExpansion: TableRowExpansion): void;
3
+ export declare function useTableRowExpansion(): TableRowExpansion;
@@ -1,10 +1,12 @@
1
- import { Align, AlignVertical } from './cleek-options';
1
+ import { Ref } from 'vue';
2
+ import { Align, AlignVertical } from '../cleek-options/cleek-options.types';
2
3
  export type ColumnItem = {
3
4
  name: string;
4
5
  title: string;
5
6
  unchangeable: boolean;
6
7
  isDisplayed: boolean;
7
8
  neverDisplay?: boolean;
9
+ sortable?: boolean;
8
10
  nowrap?: boolean;
9
11
  block?: boolean;
10
12
  overflowAuto?: boolean;
@@ -16,3 +18,20 @@ export type ColumnItem = {
16
18
  maxWidth?: string;
17
19
  maxHeight?: string;
18
20
  };
21
+ export type TableColumnView = {
22
+ id: string;
23
+ name: string;
24
+ columnNames: string[];
25
+ };
26
+ export type TableRowId = string | number;
27
+ export type TableSortDirection = 'asc' | 'desc';
28
+ export type TableSort = {
29
+ column: string;
30
+ direction: TableSortDirection;
31
+ };
32
+ export type TableExpandMode = 'single' | 'multiple';
33
+ export type TableRowExpansion = {
34
+ isExpandable: Ref<boolean>;
35
+ isExpanded: Ref<boolean>;
36
+ toggleExpansion: () => void;
37
+ };