@onereach/ui-components 2.69.1-beta.2095.0 → 2.69.1-beta.2099.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 (151) hide show
  1. package/dist/bundled/v2/{OrButton-66d37aff.js → OrButton-0e91a808.js} +1 -14
  2. package/dist/bundled/v2/{OrCard-58a1ba3e.js → OrCard-29116e1f.js} +2 -2
  3. package/dist/bundled/v2/OrCardCollection-953657a7.js +347 -0
  4. package/dist/bundled/v2/{OrConfirm-e1ca1422.js → OrConfirm-18c534df.js} +1 -1
  5. package/dist/bundled/v2/{OrSearch-9d402f56.js → OrSearch-a11b3621.js} +9 -3
  6. package/dist/bundled/v2/{OrSelect-1c9421ad.js → OrSelect-759b4410.js} +3 -3
  7. package/dist/bundled/v2/{OrSortHeader-396e6a7c.js → OrSortHeader-9932d28f.js} +2 -2
  8. package/dist/bundled/v2/components/index.d.ts +0 -1
  9. package/dist/bundled/v2/components/index.js +7 -8
  10. package/dist/bundled/v2/components/or-button-v3/OrButton.vue.d.ts +0 -11
  11. package/dist/bundled/v2/components/or-button-v3/index.js +1 -1
  12. package/dist/bundled/v2/components/or-card-collection-v3/OrCardCollection.stories3.d.ts +5 -0
  13. package/dist/bundled/v2/components/or-card-collection-v3/OrCardCollection.vue.d.ts +65 -39
  14. package/dist/bundled/v2/components/or-card-collection-v3/OrCardCollectionView.vue2.vue.d.ts +35 -0
  15. package/dist/bundled/v2/components/or-card-collection-v3/constatnts.d.ts +4 -0
  16. package/dist/bundled/v2/components/or-card-collection-v3/index.js +7 -4
  17. package/dist/bundled/v2/components/or-card-collection-v3/types.d.ts +8 -3
  18. package/dist/bundled/v2/components/or-card-v3/index.js +1 -1
  19. package/dist/bundled/v2/components/or-confirm-v3/index.js +2 -2
  20. package/dist/bundled/v2/components/or-search-v3/OrSearch.vue.d.ts +13 -0
  21. package/dist/bundled/v2/components/or-search-v3/index.js +1 -1
  22. package/dist/bundled/v2/components/or-select-v3/OrSelect.vue.d.ts +14 -14
  23. package/dist/bundled/v2/components/or-select-v3/index.d.ts +0 -1
  24. package/dist/bundled/v2/components/or-select-v3/index.js +1 -1
  25. package/dist/bundled/v2/components/or-select-v3/types.d.ts +1 -1
  26. package/dist/bundled/v2/components/or-sort-header-v3/index.js +1 -1
  27. package/dist/bundled/v2/index.js +8 -9
  28. package/dist/bundled/v3/{OrButton-9640286b.js → OrButton-8ab33d9d.js} +2 -3
  29. package/dist/bundled/v3/{OrButton.vue_vue_type_script_lang-06d8ead1.js → OrButton.vue_vue_type_script_lang-3718b300.js} +1 -13
  30. package/dist/bundled/v3/OrCardCollection.vue_vue_type_script_lang-4debae8a.js +229 -0
  31. package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-f1b81f00.js → OrConfirm.vue_vue_type_script_lang-85472b12.js} +2 -2
  32. package/dist/bundled/v3/{OrSearch.vue_vue_type_script_lang-ed78b21f.js → OrSearch.vue_vue_type_script_lang-0ae8a6dd.js} +8 -2
  33. package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-d0626539.js → OrSelect.vue_vue_type_script_lang-dfadd12f.js} +2 -2
  34. package/dist/bundled/v3/components/index.d.ts +0 -1
  35. package/dist/bundled/v3/components/index.js +10 -11
  36. package/dist/bundled/v3/components/or-button-v3/OrButton.vue.d.ts +0 -11
  37. package/dist/bundled/v3/components/or-button-v3/index.js +1 -1
  38. package/dist/bundled/v3/components/or-card-collection-v3/OrCardCollection.stories3.d.ts +5 -0
  39. package/dist/bundled/v3/components/or-card-collection-v3/OrCardCollection.vue.d.ts +65 -39
  40. package/dist/bundled/v3/components/or-card-collection-v3/OrCardCollectionView.vue3.vue.d.ts +35 -0
  41. package/dist/bundled/v3/components/or-card-collection-v3/constatnts.d.ts +4 -0
  42. package/dist/bundled/v3/components/or-card-collection-v3/index.js +11 -4
  43. package/dist/bundled/v3/components/or-card-collection-v3/types.d.ts +8 -3
  44. package/dist/bundled/v3/components/or-confirm-v3/index.js +3 -3
  45. package/dist/bundled/v3/components/or-search-v3/OrSearch.vue.d.ts +13 -0
  46. package/dist/bundled/v3/components/or-search-v3/index.js +1 -1
  47. package/dist/bundled/v3/components/or-select-v3/OrSelect.vue.d.ts +14 -14
  48. package/dist/bundled/v3/components/or-select-v3/index.d.ts +0 -1
  49. package/dist/bundled/v3/components/or-select-v3/index.js +1 -1
  50. package/dist/bundled/v3/components/or-select-v3/types.d.ts +1 -1
  51. package/dist/bundled/v3/index.js +300 -351
  52. package/dist/esm/v2/{OrButton-3d4fc9da.js → OrButton-357a5756.js} +1 -14
  53. package/dist/esm/v2/OrCardCollection-55e282a7.js +347 -0
  54. package/dist/esm/v2/{OrConfirm-ba3f8c45.js → OrConfirm-b0b2e43c.js} +1 -1
  55. package/dist/esm/v2/{OrSearch-ddb7c1fe.js → OrSearch-62d91301.js} +7 -1
  56. package/dist/esm/v2/{OrSelect-ca2510cd.js → OrSelect-ac382aa6.js} +3 -3
  57. package/dist/esm/v2/components/index.d.ts +0 -1
  58. package/dist/esm/v2/components/index.js +5 -6
  59. package/dist/esm/v2/components/or-button-v3/OrButton.vue.d.ts +0 -11
  60. package/dist/esm/v2/components/or-button-v3/index.js +1 -1
  61. package/dist/esm/v2/components/or-card-collection-v3/OrCardCollection.stories3.d.ts +5 -0
  62. package/dist/esm/v2/components/or-card-collection-v3/OrCardCollection.vue.d.ts +65 -39
  63. package/dist/esm/v2/components/or-card-collection-v3/OrCardCollectionView.vue2.vue.d.ts +35 -0
  64. package/dist/esm/v2/components/or-card-collection-v3/constatnts.d.ts +4 -0
  65. package/dist/esm/v2/components/or-card-collection-v3/index.js +7 -4
  66. package/dist/esm/v2/components/or-card-collection-v3/types.d.ts +8 -3
  67. package/dist/esm/v2/components/or-confirm-v3/index.js +2 -2
  68. package/dist/esm/v2/components/or-search-v3/OrSearch.vue.d.ts +13 -0
  69. package/dist/esm/v2/components/or-search-v3/index.js +1 -1
  70. package/dist/esm/v2/components/or-select-v3/OrSelect.vue.d.ts +14 -14
  71. package/dist/esm/v2/components/or-select-v3/index.d.ts +0 -1
  72. package/dist/esm/v2/components/or-select-v3/index.js +1 -1
  73. package/dist/esm/v2/components/or-select-v3/types.d.ts +1 -1
  74. package/dist/esm/v2/index.js +5 -6
  75. package/dist/esm/v3/{OrButton-970ae320.js → OrButton-f4b9ee51.js} +2 -15
  76. package/dist/esm/v3/OrCardCollection-0c6da4b8.js +290 -0
  77. package/dist/esm/v3/{OrConfirm-7cb2f36b.js → OrConfirm-906427ef.js} +1 -1
  78. package/dist/esm/v3/{OrSearch-cdde55ce.js → OrSearch-aafb93b4.js} +7 -1
  79. package/dist/esm/v3/{OrSelect-bff22c7f.js → OrSelect-fee9c099.js} +3 -3
  80. package/dist/esm/v3/components/index.d.ts +0 -1
  81. package/dist/esm/v3/components/index.js +5 -6
  82. package/dist/esm/v3/components/or-button-v3/OrButton.vue.d.ts +0 -11
  83. package/dist/esm/v3/components/or-button-v3/index.js +1 -1
  84. package/dist/esm/v3/components/or-card-collection-v3/OrCardCollection.stories3.d.ts +5 -0
  85. package/dist/esm/v3/components/or-card-collection-v3/OrCardCollection.vue.d.ts +65 -39
  86. package/dist/esm/v3/components/or-card-collection-v3/OrCardCollectionView.vue3.vue.d.ts +35 -0
  87. package/dist/esm/v3/components/or-card-collection-v3/constatnts.d.ts +4 -0
  88. package/dist/esm/v3/components/or-card-collection-v3/index.js +7 -4
  89. package/dist/esm/v3/components/or-card-collection-v3/types.d.ts +8 -3
  90. package/dist/esm/v3/components/or-confirm-v3/index.js +2 -2
  91. package/dist/esm/v3/components/or-search-v3/OrSearch.vue.d.ts +13 -0
  92. package/dist/esm/v3/components/or-search-v3/index.js +1 -1
  93. package/dist/esm/v3/components/or-select-v3/OrSelect.vue.d.ts +14 -14
  94. package/dist/esm/v3/components/or-select-v3/index.d.ts +0 -1
  95. package/dist/esm/v3/components/or-select-v3/index.js +1 -1
  96. package/dist/esm/v3/components/or-select-v3/types.d.ts +1 -1
  97. package/dist/esm/v3/index.js +5 -6
  98. package/package.json +1 -1
  99. package/src/components/index.ts +0 -1
  100. package/src/components/or-button-v3/OrButton.stories3.ts +0 -4
  101. package/src/components/or-button-v3/OrButton.vue +0 -6
  102. package/src/components/or-button-v3/styles.ts +1 -15
  103. package/src/components/or-card-collection-v3/OrCardCollection.stories3.ts +229 -28
  104. package/src/components/or-card-collection-v3/OrCardCollection.vue +119 -76
  105. package/src/components/or-card-collection-v3/OrCardCollectionView.vue2.vue +41 -0
  106. package/src/components/or-card-collection-v3/OrCardCollectionView.vue3.vue +42 -0
  107. package/src/components/or-card-collection-v3/constatnts.ts +12 -0
  108. package/src/components/or-card-collection-v3/styles.ts +1 -1
  109. package/src/components/or-card-collection-v3/types.ts +9 -3
  110. package/src/components/or-search-v3/OrSearch.vue +7 -1
  111. package/src/components/or-select-v3/OrSelect.vue +3 -3
  112. package/src/components/or-select-v3/index.ts +0 -1
  113. package/src/components/or-select-v3/types.ts +1 -1
  114. package/dist/bundled/v2/OrCardCollection-a9a779ea.js +0 -228
  115. package/dist/bundled/v2/OrPagination-354e9abd.js +0 -296
  116. package/dist/bundled/v2/components/or-pagination-v3/OrPagination.stories3.d.ts +0 -12
  117. package/dist/bundled/v2/components/or-pagination-v3/OrPagination.vue.d.ts +0 -110
  118. package/dist/bundled/v2/components/or-pagination-v3/index.d.ts +0 -2
  119. package/dist/bundled/v2/components/or-pagination-v3/index.js +0 -20
  120. package/dist/bundled/v2/components/or-pagination-v3/styles.d.ts +0 -3
  121. package/dist/bundled/v2/components/or-pagination-v3/types.d.ts +0 -4
  122. package/dist/bundled/v3/OrCardCollection.vue_vue_type_script_lang-3993a015.js +0 -164
  123. package/dist/bundled/v3/OrPagination.vue_vue_type_script_lang-ff22b11c.js +0 -180
  124. package/dist/bundled/v3/components/or-pagination-v3/OrPagination.stories3.d.ts +0 -12
  125. package/dist/bundled/v3/components/or-pagination-v3/OrPagination.vue.d.ts +0 -110
  126. package/dist/bundled/v3/components/or-pagination-v3/index.d.ts +0 -2
  127. package/dist/bundled/v3/components/or-pagination-v3/index.js +0 -22
  128. package/dist/bundled/v3/components/or-pagination-v3/styles.d.ts +0 -3
  129. package/dist/bundled/v3/components/or-pagination-v3/types.d.ts +0 -4
  130. package/dist/esm/v2/OrCardCollection-4f001551.js +0 -227
  131. package/dist/esm/v2/OrPagination-a56eb93b.js +0 -296
  132. package/dist/esm/v2/components/or-pagination-v3/OrPagination.stories3.d.ts +0 -12
  133. package/dist/esm/v2/components/or-pagination-v3/OrPagination.vue.d.ts +0 -110
  134. package/dist/esm/v2/components/or-pagination-v3/index.d.ts +0 -2
  135. package/dist/esm/v2/components/or-pagination-v3/index.js +0 -18
  136. package/dist/esm/v2/components/or-pagination-v3/styles.d.ts +0 -3
  137. package/dist/esm/v2/components/or-pagination-v3/types.d.ts +0 -4
  138. package/dist/esm/v3/OrCardCollection-5a0febaf.js +0 -198
  139. package/dist/esm/v3/OrPagination-d351a13b.js +0 -257
  140. package/dist/esm/v3/components/or-pagination-v3/OrPagination.stories3.d.ts +0 -12
  141. package/dist/esm/v3/components/or-pagination-v3/OrPagination.vue.d.ts +0 -110
  142. package/dist/esm/v3/components/or-pagination-v3/index.d.ts +0 -2
  143. package/dist/esm/v3/components/or-pagination-v3/index.js +0 -17
  144. package/dist/esm/v3/components/or-pagination-v3/styles.d.ts +0 -3
  145. package/dist/esm/v3/components/or-pagination-v3/types.d.ts +0 -4
  146. package/src/components/or-pagination-v3/OrPagination.docs.mdx +0 -7
  147. package/src/components/or-pagination-v3/OrPagination.stories3.ts +0 -87
  148. package/src/components/or-pagination-v3/OrPagination.vue +0 -260
  149. package/src/components/or-pagination-v3/index.ts +0 -2
  150. package/src/components/or-pagination-v3/styles.ts +0 -30
  151. package/src/components/or-pagination-v3/types.ts +0 -4
@@ -1,110 +0,0 @@
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;
@@ -1,2 +0,0 @@
1
- export { default as OrPaginationV3 } from './OrPagination.vue';
2
- export * from './types';
@@ -1,20 +0,0 @@
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';
@@ -1,3 +0,0 @@
1
- export declare const PaginationRoot: string[];
2
- export declare const PaginationOffsetControl: string[];
3
- export declare const PaginationLimitControl: string[];
@@ -1,4 +0,0 @@
1
- export interface PaginationModel {
2
- limit: number;
3
- offset: number;
4
- }
@@ -1,164 +0,0 @@
1
- import { openBlock, createElementBlock, mergeProps, renderSlot, resolveComponent, withModifiers, createBlock, normalizeClass, createCommentVNode, defineComponent, ref, computed, watch } from 'vue';
2
- import { s as script$1 } from './OrCard.vue_vue_type_script_lang-165de137.js';
3
- import './OrIconButton-4bd33e3c.js';
4
- import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-641f6e06.js';
5
- import './OrInput-fa782fc1.js';
6
- import { s as script$4 } from './OrInput.vue_vue_type_script_lang-f6d793d3.js';
7
- import { s as script$2 } from './OrSortHeader.vue_vue_type_script_lang-75115125.js';
8
- import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
9
-
10
- function render$1(_ctx, _cache, $props, $setup, $data, $options) {
11
- return openBlock(), createElementBlock("div", mergeProps({
12
- ref: "root"
13
- }, _ctx.$attrs, {
14
- class: _ctx.rootStyles
15
- }), [renderSlot(_ctx.$slots, "default")], 16 /* FULL_PROPS */);
16
- }
17
-
18
- script$1.render = render$1;
19
- script$1.__file = "src/components/or-card-v3/OrCard.vue";
20
-
21
- const _hoisted_1 = ["activated"];
22
- function render(_ctx, _cache, $props, $setup, $data, $options) {
23
- const _component_OrIcon = resolveComponent("OrIcon");
24
- return openBlock(), createElementBlock("div", mergeProps({
25
- ref: "root"
26
- }, _ctx.$attrs, {
27
- class: _ctx.rootStyles,
28
- activated: _ctx.activated ? '' : null,
29
- onClick: _cache[0] || (_cache[0] = withModifiers($event => _ctx.toggleDirection(), ["stop"]))
30
- }), [renderSlot(_ctx.$slots, "default"), _ctx.activated ? (openBlock(), createBlock(_component_OrIcon, {
31
- key: 0,
32
- class: normalizeClass({
33
- 'rotate-180': _ctx.proxyModelValue.direction === 'asc'
34
- }),
35
- icon: 'arrow_downward'
36
- }, null, 8 /* PROPS */, ["class"])) : createCommentVNode("v-if", true)], 16 /* FULL_PROPS */, _hoisted_1);
37
- }
38
-
39
- script$2.render = render;
40
- script$2.__file = "src/components/or-sort-header-v3/OrSortHeader.vue";
41
-
42
- var CardCollectionView;
43
- (function (CardCollectionView) {
44
- CardCollectionView["Grid"] = "grid";
45
- CardCollectionView["List"] = "list";
46
- })(CardCollectionView || (CardCollectionView = {}));
47
-
48
- const CardCollectionRoot = [
49
- // Layout
50
- 'layout-column',
51
- // Spacing
52
- 'gap-md'];
53
- const CardCollectionToolbar = [
54
- // Layout
55
- 'layout-row justify-between',
56
- // Typography
57
- 'typography-body-2-regular',
58
- // Theme
59
- 'theme-foreground-default', 'dark:theme-foreground-default-dark'];
60
- const CardCollectionToolbarPanel = [
61
- // Layout
62
- 'layout-row',
63
- // Spacing
64
- 'gap-sm+'];
65
- const CardCollectionContent = [
66
- // Layout
67
- 'grid',
68
- // Spacing
69
- 'gap-sm md:gap-md'];
70
- const CardCollectionContentViews = {
71
- 'grid': [
72
- // Layout
73
- 'sm:grid-cols-1', 'md:grid-cols-2', 'lg:grid-cols-4', 'xl:grid-cols-6'],
74
- 'list': []
75
- };
76
-
77
- var script = defineComponent({
78
- name: 'OrCardCollection',
79
- components: {
80
- OrCard: script$1,
81
- OrIconButton: script$3,
82
- OrInput: script$4,
83
- OrSortHeader: script$2
84
- },
85
- inheritAttrs: false,
86
- props: {
87
- items: {
88
- type: Array,
89
- default: []
90
- },
91
- view: {
92
- type: String,
93
- default: CardCollectionView.Grid
94
- },
95
- sort: {
96
- type: Object,
97
- default: undefined
98
- },
99
- sortHeaders: {
100
- type: Array,
101
- default: undefined
102
- },
103
- search: {
104
- type: String,
105
- default: undefined
106
- }
107
- },
108
- emits: ['viewChange', 'sortChange', 'searchChange'],
109
- expose: ['root'],
110
- setup(props, context) {
111
- // Refs
112
- const root = ref();
113
- // Styles
114
- const classAttribute = useClassAttribute();
115
- const rootStyles = computed(() => ['or-card-collection', ...CardCollectionRoot, classAttribute.value]);
116
- const toolbarStyles = computed(() => [...CardCollectionToolbar]);
117
- const toolbarPanelStyles = computed(() => [...CardCollectionToolbarPanel]);
118
- const contentStyles = computed(() => [...CardCollectionContent, ...CardCollectionContentViews[proxyView.value]]);
119
- // State
120
- const proxyView = ref(props.view);
121
- const proxySort = ref(props.sort);
122
- const proxySearch = ref(props.search);
123
- // Methods
124
- function switchToGridView() {
125
- proxyView.value = CardCollectionView.Grid;
126
- }
127
- function switchToListView() {
128
- proxyView.value = CardCollectionView.List;
129
- }
130
- // Effects
131
- watch(() => props.view, value => {
132
- proxyView.value = value;
133
- });
134
- watch(proxyView, value => {
135
- context.emit('viewChange', value);
136
- });
137
- watch(() => props.sort, value => {
138
- proxySort.value = value;
139
- });
140
- watch(proxySort, value => {
141
- context.emit('sortChange', value);
142
- });
143
- watch(() => props.search, value => {
144
- proxySearch.value = value;
145
- });
146
- watch(proxySearch, value => {
147
- context.emit('searchChange', value);
148
- });
149
- return {
150
- root,
151
- rootStyles,
152
- toolbarStyles,
153
- toolbarPanelStyles,
154
- contentStyles,
155
- proxyView,
156
- proxySort,
157
- proxySearch,
158
- switchToGridView,
159
- switchToListView
160
- };
161
- }
162
- });
163
-
164
- export { CardCollectionView as C, script as s };
@@ -1,180 +0,0 @@
1
- import { defineComponent, ref, computed } from 'vue';
2
- import './OrButton-9640286b.js';
3
- import './OrIcon-d878b768.js';
4
- import './OrMenu-f26e8e55.js';
5
- import './OrMenuItem-4feaba6c.js';
6
- import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
7
- import { s as script$1 } from './OrButton.vue_vue_type_script_lang-06d8ead1.js';
8
- import { s as script$2 } from './OrIcon.vue_vue_type_script_lang-a119a715.js';
9
- import { s as script$3 } from './OrMenu.vue_vue_type_script_lang-2446a69a.js';
10
- import { s as script$4 } from './OrMenuItem.vue_vue_type_script_lang-0ffaef05.js';
11
-
12
- const PaginationRoot = [
13
- // Layout
14
- 'layout-row',
15
- // Spacing
16
- 'gap-xl',
17
- // Typography
18
- 'typography-caption-regular',
19
- // Theme
20
- 'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
21
- const PaginationOffsetControl = [
22
- // Layout
23
- 'layout-row',
24
- // Spacing
25
- 'gap-md'];
26
- const PaginationLimitControl = [
27
- // Layout
28
- 'layout-row',
29
- // Spacing
30
- 'gap-sm'];
31
-
32
- var script = defineComponent({
33
- name: 'OrPagination',
34
- components: {
35
- OrButton: script$1,
36
- OrIcon: script$2,
37
- OrMenu: script$3,
38
- OrMenuItem: script$4
39
- },
40
- inheritAttrs: false,
41
- props: {
42
- modelValue: {
43
- type: Object,
44
- default: {}
45
- },
46
- value: {
47
- type: Object,
48
- default: {}
49
- },
50
- length: {
51
- type: Number,
52
- required: true
53
- },
54
- pageSizeOptions: {
55
- type: Array,
56
- default: [50, 20, 10, 5]
57
- }
58
- },
59
- emits: ['update:modelValue', 'input'],
60
- expose: ['root'],
61
- setup(props, context) {
62
- // Refs
63
- const root = ref();
64
- const limitButton = ref();
65
- const limitButtonRoot = computed(() => {
66
- var _a;
67
- return (_a = limitButton.value) === null || _a === void 0 ? void 0 : _a.root;
68
- });
69
- const limitMenu = ref();
70
- const limitMenuRoot = computed(() => {
71
- var _a;
72
- return (_a = limitMenu.value) === null || _a === void 0 ? void 0 : _a.root;
73
- });
74
- // Styles
75
- const classAttribute = useClassAttribute();
76
- const rootStyles = computed(() => ['or-pagination', ...PaginationRoot, classAttribute.value]);
77
- const offsetControlStyles = computed(() => [...PaginationOffsetControl]);
78
- const limitControlStyles = computed(() => [...PaginationLimitControl]);
79
- // State
80
- const proxyModelValue = computed({
81
- get: () => {
82
- var _a;
83
- return (_a = props.modelValue) !== null && _a !== void 0 ? _a : props.value; // TODO: Remove Vue 2 fallback
84
- },
85
-
86
- set: value => {
87
- context.emit('input', value);
88
- context.emit('update:modelValue', value);
89
- }
90
- });
91
- const currentLimit = computed({
92
- get: () => {
93
- var _a;
94
- return (_a = proxyModelValue.value.limit) !== null && _a !== void 0 ? _a : props.pageSizeOptions[0];
95
- },
96
- set: value => {
97
- proxyModelValue.value = {
98
- limit: value,
99
- offset: currentOffset.value
100
- };
101
- }
102
- });
103
- const currentOffset = computed({
104
- get: () => {
105
- var _a;
106
- return (_a = proxyModelValue.value.offset) !== null && _a !== void 0 ? _a : 0;
107
- },
108
- set: value => {
109
- proxyModelValue.value = {
110
- limit: currentLimit.value,
111
- offset: value
112
- };
113
- }
114
- });
115
- const currentPage = computed({
116
- get: () => {
117
- return Math.floor(currentOffset.value / currentLimit.value) + 1;
118
- },
119
- set: value => {
120
- currentOffset.value = (value - 1) * currentLimit.value;
121
- }
122
- });
123
- const firstPage = computed(() => {
124
- return 1;
125
- });
126
- const lastPage = computed(() => {
127
- return Math.ceil(props.length / currentLimit.value);
128
- });
129
- const buttonGroup = computed(() => {
130
- return Array.from({
131
- length: lastPage.value
132
- }, (_, index) => index + 1).map(page => {
133
- switch (true) {
134
- case page > firstPage.value && page < currentPage.value - 1:
135
- case page > currentPage.value + 1 && page < lastPage.value:
136
- return '…';
137
- default:
138
- return page;
139
- }
140
- }).reduce((accumulator, page) => {
141
- if (accumulator[accumulator.length - 1] === page) {
142
- return accumulator;
143
- }
144
- return [...accumulator, page];
145
- }, []);
146
- });
147
- // Functions
148
- function toPreviousPage() {
149
- currentPage.value = currentPage.value - 1;
150
- }
151
- function toNextPage() {
152
- currentPage.value = currentPage.value + 1;
153
- }
154
- function toPage(page) {
155
- currentPage.value = page;
156
- }
157
- return {
158
- root,
159
- limitButton,
160
- limitButtonRoot,
161
- limitMenu,
162
- limitMenuRoot,
163
- rootStyles,
164
- offsetControlStyles,
165
- limitControlStyles,
166
- proxyModelValue,
167
- currentLimit,
168
- currentOffset,
169
- currentPage,
170
- firstPage,
171
- lastPage,
172
- buttonGroup,
173
- toPreviousPage,
174
- toNextPage,
175
- toPage
176
- };
177
- }
178
- });
179
-
180
- export { script as s };
@@ -1,12 +0,0 @@
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>)>;
@@ -1,110 +0,0 @@
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;
@@ -1,2 +0,0 @@
1
- export { default as OrPaginationV3 } from './OrPagination.vue';
2
- export * from './types';
@@ -1,22 +0,0 @@
1
- export { s as OrPaginationV3 } from '../../OrPagination.vue_vue_type_script_lang-ff22b11c.js';
2
- import 'vue';
3
- import '../../OrButton-9640286b.js';
4
- import '../../OrButton.vue_vue_type_script_lang-06d8ead1.js';
5
- import '../../OrLoader-c4bbef2f.js';
6
- import '../../OrLoader.vue_vue_type_script_lang-5405040c.js';
7
- import '../../useClassAttribute-00888f78.js';
8
- import '../../OrIcon-d878b768.js';
9
- import '../../OrIcon.vue_vue_type_script_lang-a119a715.js';
10
- import '../../OrMenu-f26e8e55.js';
11
- import '../../OrMenu.vue_vue_type_script_lang-2446a69a.js';
12
- import '../../OrPopover-c462ce77.js';
13
- import '../../OrPopover.vue_vue_type_script_lang-54c7b11c.js';
14
- import '../../floating-ui.dom.esm-83eba816.js';
15
- import '@vueuse/core';
16
- import '../../OrBottomSheet.vue_vue_type_script_lang-6fb49de9.js';
17
- import '../../OrOverlay.vue_vue_type_script_lang-cb3aad0c.js';
18
- import '../../OrTeleport.vue3.vue_vue_type_script_lang-4dc70cf1.js';
19
- import '../../useElevation-c8d5d3ba.js';
20
- import '../../useResponsive-9d397e2a.js';
21
- import '../../OrMenuItem-4feaba6c.js';
22
- import '../../OrMenuItem.vue_vue_type_script_lang-0ffaef05.js';
@@ -1,3 +0,0 @@
1
- export declare const PaginationRoot: string[];
2
- export declare const PaginationOffsetControl: string[];
3
- export declare const PaginationLimitControl: string[];
@@ -1,4 +0,0 @@
1
- export interface PaginationModel {
2
- limit: number;
3
- offset: number;
4
- }