@onereach/ui-components 2.69.1-beta.2090.0 → 2.69.1-beta.2095.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 (142) hide show
  1. package/dist/bundled/v2/{OrButton-0e91a808.js → OrButton-66d37aff.js} +14 -1
  2. package/dist/bundled/v2/{OrCard-29116e1f.js → OrCard-58a1ba3e.js} +2 -2
  3. package/dist/bundled/v2/OrCardCollection-a9a779ea.js +228 -0
  4. package/dist/bundled/v2/{OrConfirm-18c534df.js → OrConfirm-e1ca1422.js} +1 -1
  5. package/dist/bundled/v2/OrPagination-354e9abd.js +296 -0
  6. package/dist/bundled/v2/{OrSearch-19f43fe5.js → OrSearch-9d402f56.js} +2 -2
  7. package/dist/bundled/v2/{OrSelect-759b4410.js → OrSelect-1c9421ad.js} +3 -3
  8. package/dist/bundled/v2/{OrSortHeader-9932d28f.js → OrSortHeader-396e6a7c.js} +2 -2
  9. package/dist/bundled/v2/components/index.d.ts +1 -0
  10. package/dist/bundled/v2/components/index.js +8 -7
  11. package/dist/bundled/v2/components/or-button-v3/OrButton.vue.d.ts +11 -0
  12. package/dist/bundled/v2/components/or-button-v3/index.js +1 -1
  13. package/dist/bundled/v2/components/or-card-collection-v3/OrCardCollection.stories3.d.ts +0 -4
  14. package/dist/bundled/v2/components/or-card-collection-v3/OrCardCollection.vue.d.ts +37 -61
  15. package/dist/bundled/v2/components/or-card-collection-v3/index.js +4 -7
  16. package/dist/bundled/v2/components/or-card-collection-v3/types.d.ts +4 -5
  17. package/dist/bundled/v2/components/or-card-v3/index.js +1 -1
  18. package/dist/bundled/v2/components/or-confirm-v3/index.js +2 -2
  19. package/dist/bundled/v2/components/or-pagination-v3/OrPagination.stories3.d.ts +12 -0
  20. package/dist/bundled/v2/components/or-pagination-v3/OrPagination.vue.d.ts +110 -0
  21. package/dist/bundled/v2/components/or-pagination-v3/index.d.ts +2 -0
  22. package/dist/bundled/v2/components/or-pagination-v3/index.js +20 -0
  23. package/dist/bundled/v2/components/or-pagination-v3/styles.d.ts +3 -0
  24. package/dist/bundled/v2/components/or-pagination-v3/types.d.ts +4 -0
  25. package/dist/bundled/v2/components/or-search-v3/index.js +1 -1
  26. package/dist/bundled/v2/components/or-select-v3/OrSelect.vue.d.ts +14 -14
  27. package/dist/bundled/v2/components/or-select-v3/index.d.ts +1 -0
  28. package/dist/bundled/v2/components/or-select-v3/index.js +1 -1
  29. package/dist/bundled/v2/components/or-select-v3/types.d.ts +1 -1
  30. package/dist/bundled/v2/components/or-sort-header-v3/index.js +1 -1
  31. package/dist/bundled/v2/index.js +9 -8
  32. package/dist/bundled/v3/{OrButton-8ab33d9d.js → OrButton-9640286b.js} +3 -2
  33. package/dist/bundled/v3/{OrButton.vue_vue_type_script_lang-3718b300.js → OrButton.vue_vue_type_script_lang-06d8ead1.js} +13 -1
  34. package/dist/bundled/v3/OrCardCollection.vue_vue_type_script_lang-3993a015.js +164 -0
  35. package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-85472b12.js → OrConfirm.vue_vue_type_script_lang-f1b81f00.js} +2 -2
  36. package/dist/bundled/v3/OrPagination.vue_vue_type_script_lang-ff22b11c.js +180 -0
  37. package/dist/bundled/v3/{OrSearch.vue_vue_type_script_lang-cb2d6612.js → OrSearch.vue_vue_type_script_lang-ed78b21f.js} +1 -1
  38. package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-dfadd12f.js → OrSelect.vue_vue_type_script_lang-d0626539.js} +2 -2
  39. package/dist/bundled/v3/components/index.d.ts +1 -0
  40. package/dist/bundled/v3/components/index.js +11 -10
  41. package/dist/bundled/v3/components/or-button-v3/OrButton.vue.d.ts +11 -0
  42. package/dist/bundled/v3/components/or-button-v3/index.js +1 -1
  43. package/dist/bundled/v3/components/or-card-collection-v3/OrCardCollection.stories3.d.ts +0 -4
  44. package/dist/bundled/v3/components/or-card-collection-v3/OrCardCollection.vue.d.ts +37 -61
  45. package/dist/bundled/v3/components/or-card-collection-v3/index.js +4 -11
  46. package/dist/bundled/v3/components/or-card-collection-v3/types.d.ts +4 -5
  47. package/dist/bundled/v3/components/or-confirm-v3/index.js +3 -3
  48. package/dist/bundled/v3/components/or-pagination-v3/OrPagination.stories3.d.ts +12 -0
  49. package/dist/bundled/v3/components/or-pagination-v3/OrPagination.vue.d.ts +110 -0
  50. package/dist/bundled/v3/components/or-pagination-v3/index.d.ts +2 -0
  51. package/dist/bundled/v3/components/or-pagination-v3/index.js +22 -0
  52. package/dist/bundled/v3/components/or-pagination-v3/styles.d.ts +3 -0
  53. package/dist/bundled/v3/components/or-pagination-v3/types.d.ts +4 -0
  54. package/dist/bundled/v3/components/or-search-v3/index.js +1 -1
  55. package/dist/bundled/v3/components/or-select-v3/OrSelect.vue.d.ts +14 -14
  56. package/dist/bundled/v3/components/or-select-v3/index.d.ts +1 -0
  57. package/dist/bundled/v3/components/or-select-v3/index.js +1 -1
  58. package/dist/bundled/v3/components/or-select-v3/types.d.ts +1 -1
  59. package/dist/bundled/v3/index.js +354 -292
  60. package/dist/esm/v2/{OrButton-357a5756.js → OrButton-3d4fc9da.js} +14 -1
  61. package/dist/esm/v2/OrCardCollection-4f001551.js +227 -0
  62. package/dist/esm/v2/{OrConfirm-b0b2e43c.js → OrConfirm-ba3f8c45.js} +1 -1
  63. package/dist/esm/v2/OrPagination-a56eb93b.js +296 -0
  64. package/dist/esm/v2/{OrSelect-ac382aa6.js → OrSelect-ca2510cd.js} +3 -3
  65. package/dist/esm/v2/components/index.d.ts +1 -0
  66. package/dist/esm/v2/components/index.js +5 -4
  67. package/dist/esm/v2/components/or-button-v3/OrButton.vue.d.ts +11 -0
  68. package/dist/esm/v2/components/or-button-v3/index.js +1 -1
  69. package/dist/esm/v2/components/or-card-collection-v3/OrCardCollection.stories3.d.ts +0 -4
  70. package/dist/esm/v2/components/or-card-collection-v3/OrCardCollection.vue.d.ts +37 -61
  71. package/dist/esm/v2/components/or-card-collection-v3/index.js +4 -7
  72. package/dist/esm/v2/components/or-card-collection-v3/types.d.ts +4 -5
  73. package/dist/esm/v2/components/or-confirm-v3/index.js +2 -2
  74. package/dist/esm/v2/components/or-pagination-v3/OrPagination.stories3.d.ts +12 -0
  75. package/dist/esm/v2/components/or-pagination-v3/OrPagination.vue.d.ts +110 -0
  76. package/dist/esm/v2/components/or-pagination-v3/index.d.ts +2 -0
  77. package/dist/esm/v2/components/or-pagination-v3/index.js +18 -0
  78. package/dist/esm/v2/components/or-pagination-v3/styles.d.ts +3 -0
  79. package/dist/esm/v2/components/or-pagination-v3/types.d.ts +4 -0
  80. package/dist/esm/v2/components/or-select-v3/OrSelect.vue.d.ts +14 -14
  81. package/dist/esm/v2/components/or-select-v3/index.d.ts +1 -0
  82. package/dist/esm/v2/components/or-select-v3/index.js +1 -1
  83. package/dist/esm/v2/components/or-select-v3/types.d.ts +1 -1
  84. package/dist/esm/v2/index.js +5 -4
  85. package/dist/esm/v3/{OrButton-f4b9ee51.js → OrButton-970ae320.js} +15 -2
  86. package/dist/esm/v3/OrCardCollection-5a0febaf.js +198 -0
  87. package/dist/esm/v3/{OrConfirm-906427ef.js → OrConfirm-7cb2f36b.js} +1 -1
  88. package/dist/esm/v3/OrPagination-d351a13b.js +257 -0
  89. package/dist/esm/v3/{OrSelect-fee9c099.js → OrSelect-bff22c7f.js} +3 -3
  90. package/dist/esm/v3/components/index.d.ts +1 -0
  91. package/dist/esm/v3/components/index.js +5 -4
  92. package/dist/esm/v3/components/or-button-v3/OrButton.vue.d.ts +11 -0
  93. package/dist/esm/v3/components/or-button-v3/index.js +1 -1
  94. package/dist/esm/v3/components/or-card-collection-v3/OrCardCollection.stories3.d.ts +0 -4
  95. package/dist/esm/v3/components/or-card-collection-v3/OrCardCollection.vue.d.ts +37 -61
  96. package/dist/esm/v3/components/or-card-collection-v3/index.js +4 -7
  97. package/dist/esm/v3/components/or-card-collection-v3/types.d.ts +4 -5
  98. package/dist/esm/v3/components/or-confirm-v3/index.js +2 -2
  99. package/dist/esm/v3/components/or-pagination-v3/OrPagination.stories3.d.ts +12 -0
  100. package/dist/esm/v3/components/or-pagination-v3/OrPagination.vue.d.ts +110 -0
  101. package/dist/esm/v3/components/or-pagination-v3/index.d.ts +2 -0
  102. package/dist/esm/v3/components/or-pagination-v3/index.js +17 -0
  103. package/dist/esm/v3/components/or-pagination-v3/styles.d.ts +3 -0
  104. package/dist/esm/v3/components/or-pagination-v3/types.d.ts +4 -0
  105. package/dist/esm/v3/components/or-select-v3/OrSelect.vue.d.ts +14 -14
  106. package/dist/esm/v3/components/or-select-v3/index.d.ts +1 -0
  107. package/dist/esm/v3/components/or-select-v3/index.js +1 -1
  108. package/dist/esm/v3/components/or-select-v3/types.d.ts +1 -1
  109. package/dist/esm/v3/index.js +5 -4
  110. package/package.json +1 -1
  111. package/src/components/index.ts +1 -0
  112. package/src/components/or-button-v3/OrButton.stories3.ts +4 -0
  113. package/src/components/or-button-v3/OrButton.vue +6 -0
  114. package/src/components/or-button-v3/styles.ts +15 -1
  115. package/src/components/or-card-collection-v3/OrCardCollection.stories3.ts +19 -160
  116. package/src/components/or-card-collection-v3/OrCardCollection.vue +74 -99
  117. package/src/components/or-card-collection-v3/styles.ts +1 -1
  118. package/src/components/or-card-collection-v3/types.ts +4 -5
  119. package/src/components/or-pagination-v3/OrPagination.docs.mdx +7 -0
  120. package/src/components/or-pagination-v3/OrPagination.stories3.ts +87 -0
  121. package/src/components/or-pagination-v3/OrPagination.vue +260 -0
  122. package/src/components/or-pagination-v3/index.ts +2 -0
  123. package/src/components/or-pagination-v3/styles.ts +30 -0
  124. package/src/components/or-pagination-v3/types.ts +4 -0
  125. package/src/components/or-select-v3/OrSelect.vue +3 -3
  126. package/src/components/or-select-v3/index.ts +1 -0
  127. package/src/components/or-select-v3/types.ts +1 -1
  128. package/dist/bundled/v2/OrCardCollection-a8d5ce32.js +0 -328
  129. package/dist/bundled/v2/components/or-card-collection-v3/OrCardCollectionView.vue2.vue.d.ts +0 -35
  130. package/dist/bundled/v2/components/or-card-collection-v3/constatnts.d.ts +0 -4
  131. package/dist/bundled/v3/OrCardCollection.vue_vue_type_script_lang-f9f329a2.js +0 -224
  132. package/dist/bundled/v3/components/or-card-collection-v3/OrCardCollectionView.vue3.vue.d.ts +0 -35
  133. package/dist/bundled/v3/components/or-card-collection-v3/constatnts.d.ts +0 -4
  134. package/dist/esm/v2/OrCardCollection-95b051e1.js +0 -328
  135. package/dist/esm/v2/components/or-card-collection-v3/OrCardCollectionView.vue2.vue.d.ts +0 -35
  136. package/dist/esm/v2/components/or-card-collection-v3/constatnts.d.ts +0 -4
  137. package/dist/esm/v3/OrCardCollection-afd863fc.js +0 -274
  138. package/dist/esm/v3/components/or-card-collection-v3/OrCardCollectionView.vue3.vue.d.ts +0 -35
  139. package/dist/esm/v3/components/or-card-collection-v3/constatnts.d.ts +0 -4
  140. package/src/components/or-card-collection-v3/OrCardCollectionView.vue2.vue +0 -41
  141. package/src/components/or-card-collection-v3/OrCardCollectionView.vue3.vue +0 -42
  142. package/src/components/or-card-collection-v3/constatnts.ts +0 -12
@@ -16,6 +16,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
16
16
  type: PropType<ButtonColor>;
17
17
  default: ButtonColor;
18
18
  };
19
+ activated: {
20
+ type: BooleanConstructor;
21
+ default: boolean;
22
+ };
19
23
  disabled: {
20
24
  type: BooleanConstructor;
21
25
  default: boolean;
@@ -41,6 +45,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
41
45
  type: PropType<ButtonColor>;
42
46
  default: ButtonColor;
43
47
  };
48
+ activated: {
49
+ type: BooleanConstructor;
50
+ default: boolean;
51
+ };
44
52
  disabled: {
45
53
  type: BooleanConstructor;
46
54
  default: boolean;
@@ -54,6 +62,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
54
62
  default: string;
55
63
  };
56
64
  }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
65
+ activated: boolean;
57
66
  type: ButtonType;
58
67
  variant: ButtonVariant;
59
68
  color: ButtonColor;
@@ -66,6 +75,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
66
75
  root: import("@vue/composition-api").Ref<HTMLButtonElement | undefined>;
67
76
  rootStyles: import("@vue/composition-api").ComputedRef<(string | false | undefined)[]>;
68
77
  }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
78
+ activated: boolean;
69
79
  type: ButtonType;
70
80
  variant: ButtonVariant;
71
81
  color: ButtonColor;
@@ -75,6 +85,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
75
85
  } & {} & {
76
86
  [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
77
87
  }, {
88
+ activated: boolean;
78
89
  type: ButtonType;
79
90
  variant: ButtonVariant;
80
91
  color: ButtonColor;
@@ -1,4 +1,4 @@
1
- export { a as ButtonColor, b as ButtonType, B as ButtonVariant, O as OrButtonV3 } from '../../OrButton-0e91a808.js';
1
+ export { a as ButtonColor, b as ButtonType, B as ButtonVariant, O as OrButtonV3 } from '../../OrButton-66d37aff.js';
2
2
  import '../../index-fa6eb4ca.js';
3
3
  import 'vue';
4
4
  import '@vue/composition-api/dist/vue-composition-api.mjs';
@@ -1,5 +1,4 @@
1
1
  import { Meta, StoryFn } from '@storybook/vue3';
2
- import OrCardCollection from './OrCardCollection.vue';
3
2
  declare const _default: Meta<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
4
3
  [x: string]: ((...args: any[]) => any) | null;
5
4
  } | string[], {} & {}, {
@@ -16,6 +15,3 @@ export declare const WithSorting: StoryFn<import("vue").ComponentOptions<import(
16
15
  } | string[], {} & {}, {
17
16
  [x: number]: string;
18
17
  } | {}, true>)>;
19
- export declare const OverrideViewContainer: StoryFn<typeof OrCardCollection>;
20
- export declare const ExtraViewMode: StoryFn<typeof OrCardCollection>;
21
- export declare const WithLink: StoryFn<typeof OrCardCollection>;
@@ -1,47 +1,37 @@
1
1
  import { PropType } from 'vue-demi';
2
+ import { SortHeaderModel } from '../or-sort-header-v3';
2
3
  import { CardCollectionView } from './props';
3
- import { CardCollectionItem, ViewMode } from './types';
4
+ import { CardCollectionItem, CardCollectionSortHeader } from './types';
4
5
  declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
5
6
  root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
6
- sortMenu: import("@vue/composition-api").Ref<(import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
7
- [x: string]: ((...args: any[]) => any) | null;
8
- } | string[], {} & {}, {
9
- [x: number]: string;
10
- } | {}, true>)) | undefined>;
11
- sortButton: import("@vue/composition-api").Ref<(import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
12
- [x: string]: ((...args: any[]) => any) | null;
13
- } | string[], {} & {}, {
14
- [x: number]: string;
15
- } | {}, true>)) | undefined>;
16
7
  rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
17
8
  toolbarStyles: import("@vue/composition-api").ComputedRef<string[]>;
18
9
  toolbarPanelStyles: import("@vue/composition-api").ComputedRef<string[]>;
19
- proxyView: import("@vue/composition-api").Ref<string>;
20
- proxySort: import("@vue/composition-api").Ref<string>;
10
+ contentStyles: import("@vue/composition-api").ComputedRef<string[]>;
11
+ proxyView: import("@vue/composition-api").Ref<CardCollectionView>;
12
+ proxySort: import("@vue/composition-api").Ref<{
13
+ column: string;
14
+ direction: "asc" | "desc";
15
+ }>;
21
16
  proxySearch: import("@vue/composition-api").Ref<string>;
22
- switchView: (view: string) => void;
23
- handleSort: (sort: string) => void;
24
- handleSearch: (search: string) => void;
17
+ switchToGridView: () => void;
18
+ switchToListView: () => void;
25
19
  }> & import("@vue/composition-api").Data, {}, {}, {
26
20
  items: {
27
21
  type: PropType<CardCollectionItem[]>;
28
22
  default: CardCollectionItem[];
29
23
  };
30
24
  view: {
31
- type: PropType<string>;
25
+ type: PropType<CardCollectionView>;
32
26
  default: CardCollectionView;
33
27
  };
34
- viewModes: {
35
- type: PropType<ViewMode[]>;
36
- default: () => ViewMode[];
37
- };
38
28
  sort: {
39
- type: StringConstructor;
29
+ type: PropType<SortHeaderModel>;
40
30
  default: undefined;
41
31
  };
42
- sortOptions: {
43
- type: PropType<string[]>;
44
- default: () => never[];
32
+ sortHeaders: {
33
+ type: PropType<CardCollectionSortHeader[]>;
34
+ default: undefined;
45
35
  };
46
36
  search: {
47
37
  type: StringConstructor;
@@ -53,20 +43,16 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
53
43
  default: CardCollectionItem[];
54
44
  };
55
45
  view: {
56
- type: PropType<string>;
46
+ type: PropType<CardCollectionView>;
57
47
  default: CardCollectionView;
58
48
  };
59
- viewModes: {
60
- type: PropType<ViewMode[]>;
61
- default: () => ViewMode[];
62
- };
63
49
  sort: {
64
- type: StringConstructor;
50
+ type: PropType<SortHeaderModel>;
65
51
  default: undefined;
66
52
  };
67
- sortOptions: {
68
- type: PropType<string[]>;
69
- default: () => never[];
53
+ sortHeaders: {
54
+ type: PropType<CardCollectionSortHeader[]>;
55
+ default: undefined;
70
56
  };
71
57
  search: {
72
58
  type: StringConstructor;
@@ -74,49 +60,39 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
74
60
  };
75
61
  }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
76
62
  search: string;
77
- sort: string;
63
+ sort: SortHeaderModel;
78
64
  items: CardCollectionItem[];
79
- view: string;
80
- viewModes: ViewMode[];
81
- sortOptions: string[];
65
+ view: CardCollectionView;
66
+ sortHeaders: CardCollectionSortHeader[];
82
67
  } & {} & {
83
68
  [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
84
69
  }, import("@vue/composition-api").ShallowUnwrapRef<{
85
70
  root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
86
- sortMenu: import("@vue/composition-api").Ref<(import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
87
- [x: string]: ((...args: any[]) => any) | null;
88
- } | string[], {} & {}, {
89
- [x: number]: string;
90
- } | {}, true>)) | undefined>;
91
- sortButton: import("@vue/composition-api").Ref<(import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
92
- [x: string]: ((...args: any[]) => any) | null;
93
- } | string[], {} & {}, {
94
- [x: number]: string;
95
- } | {}, true>)) | undefined>;
96
71
  rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
97
72
  toolbarStyles: import("@vue/composition-api").ComputedRef<string[]>;
98
73
  toolbarPanelStyles: import("@vue/composition-api").ComputedRef<string[]>;
99
- proxyView: import("@vue/composition-api").Ref<string>;
100
- proxySort: import("@vue/composition-api").Ref<string>;
74
+ contentStyles: import("@vue/composition-api").ComputedRef<string[]>;
75
+ proxyView: import("@vue/composition-api").Ref<CardCollectionView>;
76
+ proxySort: import("@vue/composition-api").Ref<{
77
+ column: string;
78
+ direction: "asc" | "desc";
79
+ }>;
101
80
  proxySearch: import("@vue/composition-api").Ref<string>;
102
- switchView: (view: string) => void;
103
- handleSort: (sort: string) => void;
104
- handleSearch: (search: string) => void;
81
+ switchToGridView: () => void;
82
+ switchToListView: () => void;
105
83
  }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
106
84
  search: string;
107
- sort: string;
85
+ sort: SortHeaderModel;
108
86
  items: CardCollectionItem[];
109
- view: string;
110
- viewModes: ViewMode[];
111
- sortOptions: string[];
87
+ view: CardCollectionView;
88
+ sortHeaders: CardCollectionSortHeader[];
112
89
  } & {} & {
113
90
  [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
114
91
  }, {
115
92
  search: string;
116
- sort: string;
93
+ sort: SortHeaderModel;
117
94
  items: CardCollectionItem[];
118
- view: string;
119
- viewModes: ViewMode[];
120
- sortOptions: string[];
95
+ view: CardCollectionView;
96
+ sortHeaders: CardCollectionSortHeader[];
121
97
  }, true>);
122
98
  export default _default;
@@ -1,11 +1,12 @@
1
- export { C as CardCollectionView, _ as OrCardCollectionV3 } from '../../OrCardCollection-a8d5ce32.js';
1
+ export { C as CardCollectionView, _ as OrCardCollectionV3 } from '../../OrCardCollection-a9a779ea.js';
2
2
  import '../../index-fa6eb4ca.js';
3
3
  import 'vue';
4
4
  import '@vue/composition-api/dist/vue-composition-api.mjs';
5
+ import '../../OrCard-58a1ba3e.js';
6
+ import '../../useClassAttribute-9bf33346.js';
5
7
  import '../../normalize-component-6e8e3d80.js';
6
8
  import '../../OrIconButton-a215104c.js';
7
9
  import '../../OrIcon-8625385f.js';
8
- import '../../useClassAttribute-9bf33346.js';
9
10
  import '../../OrTooltip-fbfa05fd.js';
10
11
  import '@vueuse/core';
11
12
  import '../../OrPopover-5dc240f1.js';
@@ -16,14 +17,10 @@ import '../../OrTeleport.vue2-e9ba3054.js';
16
17
  import 'portal-vue';
17
18
  import '../../useElevation-aac032f4.js';
18
19
  import '../../useResponsive-e13dfbb0.js';
19
- import '../../OrButton-0e91a808.js';
20
- import '../../OrLoader-6a1f937b.js';
21
- import '../../OrMenu-fa47c888.js';
22
- import '../../OrMenuItem-26420908.js';
23
- import '../../OrSearch-19f43fe5.js';
24
20
  import '../../OrInput-8b90e08f.js';
25
21
  import '../../OrError-aad17598.js';
26
22
  import '../../OrHint-f38a1940.js';
27
23
  import '../../OrInputBox-79ec54ad.js';
28
24
  import '../../OrLabel-172c4b89.js';
29
25
  import '../../browser-82dea9ed.js';
26
+ import '../../OrSortHeader-396e6a7c.js';
@@ -1,8 +1,7 @@
1
1
  export interface CardCollectionItem {
2
- key?: string;
3
- [key: string | number]: any;
2
+ id: string;
4
3
  }
5
- export interface ViewMode {
6
- view: string;
7
- icon: string;
4
+ export interface CardCollectionSortHeader {
5
+ value: string;
6
+ label: string;
8
7
  }
@@ -1,4 +1,4 @@
1
- export { _ as OrCardV3 } from '../../OrCard-29116e1f.js';
1
+ export { O as OrCardV3 } from '../../OrCard-58a1ba3e.js';
2
2
  import '../../index-fa6eb4ca.js';
3
3
  import 'vue';
4
4
  import '@vue/composition-api/dist/vue-composition-api.mjs';
@@ -1,4 +1,4 @@
1
- export { C as ConfirmType, _ as OrConfirmV3 } from '../../OrConfirm-18c534df.js';
1
+ export { C as ConfirmType, _ as OrConfirmV3 } from '../../OrConfirm-e1ca1422.js';
2
2
  import '../../index-fa6eb4ca.js';
3
3
  import 'vue';
4
4
  import '@vue/composition-api/dist/vue-composition-api.mjs';
@@ -10,7 +10,7 @@ import 'portal-vue';
10
10
  import '../../normalize-component-6e8e3d80.js';
11
11
  import '../../useClassAttribute-9bf33346.js';
12
12
  import '../../useElevation-aac032f4.js';
13
- import '../../OrButton-0e91a808.js';
13
+ import '../../OrButton-66d37aff.js';
14
14
  import '../../OrLoader-6a1f937b.js';
15
15
  import '../../OrInput-8b90e08f.js';
16
16
  import '../../OrError-aad17598.js';
@@ -0,0 +1,12 @@
1
+ import { Meta, StoryFn } from '@storybook/vue3';
2
+ declare const _default: Meta<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
3
+ [x: string]: ((...args: any[]) => any) | null;
4
+ } | string[], {} & {}, {
5
+ [x: number]: string;
6
+ } | {}, true>)>;
7
+ export default _default;
8
+ export declare const Default: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
9
+ [x: string]: ((...args: any[]) => any) | null;
10
+ } | string[], {} & {}, {
11
+ [x: number]: string;
12
+ } | {}, true>)>;
@@ -0,0 +1,110 @@
1
+ import { PropType } from 'vue-demi';
2
+ import { PaginationModel } from './types';
3
+ declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
4
+ root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
5
+ limitButton: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
6
+ [x: string]: ((...args: any[]) => any) | null;
7
+ } | string[], {} & {}, {
8
+ [x: number]: string;
9
+ } | {}, true> | undefined>;
10
+ limitButtonRoot: import("@vue/composition-api").ComputedRef<undefined>;
11
+ limitMenu: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
12
+ [x: string]: ((...args: any[]) => any) | null;
13
+ } | string[], {} & {}, {
14
+ [x: number]: string;
15
+ } | {}, true> | undefined>;
16
+ limitMenuRoot: import("@vue/composition-api").ComputedRef<undefined>;
17
+ rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
18
+ offsetControlStyles: import("@vue/composition-api").ComputedRef<string[]>;
19
+ limitControlStyles: import("@vue/composition-api").ComputedRef<string[]>;
20
+ proxyModelValue: import("@vue/composition-api").WritableComputedRef<PaginationModel>;
21
+ currentLimit: import("@vue/composition-api").WritableComputedRef<number>;
22
+ currentOffset: import("@vue/composition-api").WritableComputedRef<number>;
23
+ currentPage: import("@vue/composition-api").WritableComputedRef<number>;
24
+ firstPage: import("@vue/composition-api").ComputedRef<number>;
25
+ lastPage: import("@vue/composition-api").ComputedRef<number>;
26
+ buttonGroup: import("@vue/composition-api").ComputedRef<(string | number)[]>;
27
+ toPreviousPage: () => void;
28
+ toNextPage: () => void;
29
+ toPage: (page: number) => void;
30
+ }> & import("@vue/composition-api").Data, {}, {}, {
31
+ modelValue: {
32
+ type: PropType<PaginationModel>;
33
+ default: PaginationModel;
34
+ };
35
+ value: {
36
+ type: PropType<PaginationModel>;
37
+ default: PaginationModel;
38
+ };
39
+ length: {
40
+ type: NumberConstructor;
41
+ required: true;
42
+ };
43
+ pageSizeOptions: {
44
+ type: PropType<number[]>;
45
+ default: number[];
46
+ };
47
+ }, import("@vue/composition-api").ExtractPropTypes<{
48
+ modelValue: {
49
+ type: PropType<PaginationModel>;
50
+ default: PaginationModel;
51
+ };
52
+ value: {
53
+ type: PropType<PaginationModel>;
54
+ default: PaginationModel;
55
+ };
56
+ length: {
57
+ type: NumberConstructor;
58
+ required: true;
59
+ };
60
+ pageSizeOptions: {
61
+ type: PropType<number[]>;
62
+ default: number[];
63
+ };
64
+ }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
65
+ length: number;
66
+ modelValue: PaginationModel;
67
+ value: PaginationModel;
68
+ pageSizeOptions: number[];
69
+ } & {} & {
70
+ [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
71
+ }, import("@vue/composition-api").ShallowUnwrapRef<{
72
+ root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
73
+ limitButton: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
74
+ [x: string]: ((...args: any[]) => any) | null;
75
+ } | string[], {} & {}, {
76
+ [x: number]: string;
77
+ } | {}, true> | undefined>;
78
+ limitButtonRoot: import("@vue/composition-api").ComputedRef<undefined>;
79
+ limitMenu: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
80
+ [x: string]: ((...args: any[]) => any) | null;
81
+ } | string[], {} & {}, {
82
+ [x: number]: string;
83
+ } | {}, true> | undefined>;
84
+ limitMenuRoot: import("@vue/composition-api").ComputedRef<undefined>;
85
+ rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
86
+ offsetControlStyles: import("@vue/composition-api").ComputedRef<string[]>;
87
+ limitControlStyles: import("@vue/composition-api").ComputedRef<string[]>;
88
+ proxyModelValue: import("@vue/composition-api").WritableComputedRef<PaginationModel>;
89
+ currentLimit: import("@vue/composition-api").WritableComputedRef<number>;
90
+ currentOffset: import("@vue/composition-api").WritableComputedRef<number>;
91
+ currentPage: import("@vue/composition-api").WritableComputedRef<number>;
92
+ firstPage: import("@vue/composition-api").ComputedRef<number>;
93
+ lastPage: import("@vue/composition-api").ComputedRef<number>;
94
+ buttonGroup: import("@vue/composition-api").ComputedRef<(string | number)[]>;
95
+ toPreviousPage: () => void;
96
+ toNextPage: () => void;
97
+ toPage: (page: number) => void;
98
+ }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
99
+ length: number;
100
+ modelValue: PaginationModel;
101
+ value: PaginationModel;
102
+ pageSizeOptions: number[];
103
+ } & {} & {
104
+ [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
105
+ }, {
106
+ modelValue: PaginationModel;
107
+ value: PaginationModel;
108
+ pageSizeOptions: number[];
109
+ }, true>);
110
+ export default _default;
@@ -0,0 +1,2 @@
1
+ export { default as OrPaginationV3 } from './OrPagination.vue';
2
+ export * from './types';
@@ -0,0 +1,20 @@
1
+ export { _ as OrPaginationV3 } from '../../OrPagination-354e9abd.js';
2
+ import '../../index-fa6eb4ca.js';
3
+ import 'vue';
4
+ import '@vue/composition-api/dist/vue-composition-api.mjs';
5
+ import '../../OrButton-66d37aff.js';
6
+ import '../../OrLoader-6a1f937b.js';
7
+ import '../../useClassAttribute-9bf33346.js';
8
+ import '../../normalize-component-6e8e3d80.js';
9
+ import '../../OrIcon-8625385f.js';
10
+ import '../../OrMenu-fa47c888.js';
11
+ import '../../OrPopover-5dc240f1.js';
12
+ import '../../floating-ui.dom.esm-83eba816.js';
13
+ import '@vueuse/core';
14
+ import '../../OrBottomSheet-1cd1ab4c.js';
15
+ import '../../OrOverlay-3c89d622.js';
16
+ import '../../OrTeleport.vue2-e9ba3054.js';
17
+ import 'portal-vue';
18
+ import '../../useElevation-aac032f4.js';
19
+ import '../../useResponsive-e13dfbb0.js';
20
+ import '../../OrMenuItem-26420908.js';
@@ -0,0 +1,3 @@
1
+ export declare const PaginationRoot: string[];
2
+ export declare const PaginationOffsetControl: string[];
3
+ export declare const PaginationLimitControl: string[];
@@ -0,0 +1,4 @@
1
+ export interface PaginationModel {
2
+ limit: number;
3
+ offset: number;
4
+ }
@@ -1,4 +1,4 @@
1
- export { O as OrSearchV3 } from '../../OrSearch-19f43fe5.js';
1
+ export { _ as OrSearchV3 } from '../../OrSearch-9d402f56.js';
2
2
  export { a as SearchSize } from '../../OrInputBox-79ec54ad.js';
3
3
  import '../../index-fa6eb4ca.js';
4
4
  import 'vue';
@@ -23,13 +23,13 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
23
23
  dropdownStyles: import("@vue/composition-api").ComputedRef<string[]>;
24
24
  noSearchResultsStyles: import("@vue/composition-api").ComputedRef<string[]>;
25
25
  controlId: import("@vue/composition-api").Ref<string>;
26
- proxyModelValue: import("@vue/composition-api").WritableComputedRef<string | string[]>;
26
+ proxyModelValue: import("@vue/composition-api").WritableComputedRef<string | number | (string | number)[]>;
27
27
  invalid: import("@vue/composition-api").ComputedRef<boolean>;
28
28
  readonly: import("@vue/composition-api").ComputedRef<boolean>;
29
29
  selection: import("@vue/composition-api").ComputedRef<SelectOption | (SelectOption | undefined)[] | undefined>;
30
30
  searchText: import("@vue/composition-api").Ref<string>;
31
31
  internalSearchOptions: import("@vue/composition-api").Ref<{
32
- value: string;
32
+ value: string | number;
33
33
  label: string;
34
34
  }[]>;
35
35
  resolvedSearchOptions: import("@vue/composition-api").ComputedRef<SelectOption[]>;
@@ -49,11 +49,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
49
49
  default: SelectOption[];
50
50
  };
51
51
  modelValue: {
52
- type: PropType<string | string[]>;
52
+ type: PropType<string | number | (string | number)[]>;
53
53
  default: undefined;
54
54
  };
55
55
  value: {
56
- type: PropType<string | string[]>;
56
+ type: PropType<string | number | (string | number)[]>;
57
57
  default: undefined;
58
58
  };
59
59
  multiple: {
@@ -114,11 +114,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
114
114
  default: SelectOption[];
115
115
  };
116
116
  modelValue: {
117
- type: PropType<string | string[]>;
117
+ type: PropType<string | number | (string | number)[]>;
118
118
  default: undefined;
119
119
  };
120
120
  value: {
121
- type: PropType<string | string[]>;
121
+ type: PropType<string | number | (string | number)[]>;
122
122
  default: undefined;
123
123
  };
124
124
  multiple: {
@@ -173,8 +173,8 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
173
173
  label: string;
174
174
  options: SelectOption[];
175
175
  searchOptions: SelectOption[];
176
- modelValue: string | string[];
177
- value: string | string[];
176
+ modelValue: string | number | (string | number)[];
177
+ value: string | number | (string | number)[];
178
178
  multiple: boolean;
179
179
  size: SelectSize;
180
180
  placeholder: string;
@@ -210,13 +210,13 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
210
210
  dropdownStyles: import("@vue/composition-api").ComputedRef<string[]>;
211
211
  noSearchResultsStyles: import("@vue/composition-api").ComputedRef<string[]>;
212
212
  controlId: import("@vue/composition-api").Ref<string>;
213
- proxyModelValue: import("@vue/composition-api").WritableComputedRef<string | string[]>;
213
+ proxyModelValue: import("@vue/composition-api").WritableComputedRef<string | number | (string | number)[]>;
214
214
  invalid: import("@vue/composition-api").ComputedRef<boolean>;
215
215
  readonly: import("@vue/composition-api").ComputedRef<boolean>;
216
216
  selection: import("@vue/composition-api").ComputedRef<SelectOption | (SelectOption | undefined)[] | undefined>;
217
217
  searchText: import("@vue/composition-api").Ref<string>;
218
218
  internalSearchOptions: import("@vue/composition-api").Ref<{
219
- value: string;
219
+ value: string | number;
220
220
  label: string;
221
221
  }[]>;
222
222
  resolvedSearchOptions: import("@vue/composition-api").ComputedRef<SelectOption[]>;
@@ -230,8 +230,8 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
230
230
  label: string;
231
231
  options: SelectOption[];
232
232
  searchOptions: SelectOption[];
233
- modelValue: string | string[];
234
- value: string | string[];
233
+ modelValue: string | number | (string | number)[];
234
+ value: string | number | (string | number)[];
235
235
  multiple: boolean;
236
236
  size: SelectSize;
237
237
  placeholder: string;
@@ -249,8 +249,8 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
249
249
  label: string;
250
250
  options: SelectOption[];
251
251
  searchOptions: SelectOption[];
252
- modelValue: string | string[];
253
- value: string | string[];
252
+ modelValue: string | number | (string | number)[];
253
+ value: string | number | (string | number)[];
254
254
  multiple: boolean;
255
255
  size: SelectSize;
256
256
  placeholder: string;
@@ -1,2 +1,3 @@
1
1
  export { default as OrSelectV3 } from './OrSelect.vue';
2
2
  export * from './props';
3
+ export * from './types';
@@ -1,4 +1,4 @@
1
- export { _ as OrSelectV3 } from '../../OrSelect-759b4410.js';
1
+ export { _ as OrSelectV3 } from '../../OrSelect-1c9421ad.js';
2
2
  export { a as SelectSize } from '../../OrInputBox-79ec54ad.js';
3
3
  import '../../index-fa6eb4ca.js';
4
4
  import 'vue';
@@ -1,5 +1,5 @@
1
1
  export interface SelectOption {
2
- value: string;
2
+ value: string | number;
3
3
  label: string;
4
4
  }
5
5
  export interface SelectSearchFunction {
@@ -1,4 +1,4 @@
1
- export { _ as OrSortHeaderV3 } from '../../OrSortHeader-9932d28f.js';
1
+ export { O as OrSortHeaderV3 } from '../../OrSortHeader-396e6a7c.js';
2
2
  import '../../index-fa6eb4ca.js';
3
3
  import 'vue';
4
4
  import '@vue/composition-api/dist/vue-composition-api.mjs';