@onereach/ui-components 2.69.1-beta.2095.0 → 2.69.1-beta.2097.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-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-8606c407.js +336 -0
  4. package/dist/bundled/v2/{OrConfirm-e1ca1422.js → OrConfirm-18c534df.js} +1 -1
  5. package/dist/bundled/v2/{OrSearch-9d402f56.js → OrSearch-19f43fe5.js} +2 -2
  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 +4 -0
  13. package/dist/bundled/v2/components/or-card-collection-v3/OrCardCollection.vue.d.ts +63 -37
  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/index.js +1 -1
  21. package/dist/bundled/v2/components/or-select-v3/OrSelect.vue.d.ts +14 -14
  22. package/dist/bundled/v2/components/or-select-v3/index.d.ts +0 -1
  23. package/dist/bundled/v2/components/or-select-v3/index.js +1 -1
  24. package/dist/bundled/v2/components/or-select-v3/types.d.ts +1 -1
  25. package/dist/bundled/v2/components/or-sort-header-v3/index.js +1 -1
  26. package/dist/bundled/v2/index.js +8 -9
  27. package/dist/bundled/v3/{OrButton-9640286b.js → OrButton-8ab33d9d.js} +2 -3
  28. package/dist/bundled/v3/{OrButton.vue_vue_type_script_lang-06d8ead1.js → OrButton.vue_vue_type_script_lang-3718b300.js} +1 -13
  29. package/dist/bundled/v3/OrCardCollection.vue_vue_type_script_lang-80c10c12.js +229 -0
  30. package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-f1b81f00.js → OrConfirm.vue_vue_type_script_lang-85472b12.js} +2 -2
  31. package/dist/bundled/v3/{OrSearch.vue_vue_type_script_lang-ed78b21f.js → OrSearch.vue_vue_type_script_lang-cb2d6612.js} +1 -1
  32. package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-d0626539.js → OrSelect.vue_vue_type_script_lang-dfadd12f.js} +2 -2
  33. package/dist/bundled/v3/components/index.d.ts +0 -1
  34. package/dist/bundled/v3/components/index.js +10 -11
  35. package/dist/bundled/v3/components/or-button-v3/OrButton.vue.d.ts +0 -11
  36. package/dist/bundled/v3/components/or-button-v3/index.js +1 -1
  37. package/dist/bundled/v3/components/or-card-collection-v3/OrCardCollection.stories3.d.ts +4 -0
  38. package/dist/bundled/v3/components/or-card-collection-v3/OrCardCollection.vue.d.ts +63 -37
  39. package/dist/bundled/v3/components/or-card-collection-v3/OrCardCollectionView.vue3.vue.d.ts +35 -0
  40. package/dist/bundled/v3/components/or-card-collection-v3/constatnts.d.ts +4 -0
  41. package/dist/bundled/v3/components/or-card-collection-v3/index.js +11 -4
  42. package/dist/bundled/v3/components/or-card-collection-v3/types.d.ts +8 -3
  43. package/dist/bundled/v3/components/or-confirm-v3/index.js +3 -3
  44. package/dist/bundled/v3/components/or-search-v3/index.js +1 -1
  45. package/dist/bundled/v3/components/or-select-v3/OrSelect.vue.d.ts +14 -14
  46. package/dist/bundled/v3/components/or-select-v3/index.d.ts +0 -1
  47. package/dist/bundled/v3/components/or-select-v3/index.js +1 -1
  48. package/dist/bundled/v3/components/or-select-v3/types.d.ts +1 -1
  49. package/dist/bundled/v3/index.js +295 -354
  50. package/dist/esm/v2/{OrButton-3d4fc9da.js → OrButton-357a5756.js} +1 -14
  51. package/dist/esm/v2/OrCardCollection-e7a4ead6.js +336 -0
  52. package/dist/esm/v2/{OrConfirm-ba3f8c45.js → OrConfirm-b0b2e43c.js} +1 -1
  53. package/dist/esm/v2/{OrSelect-ca2510cd.js → OrSelect-ac382aa6.js} +3 -3
  54. package/dist/esm/v2/components/index.d.ts +0 -1
  55. package/dist/esm/v2/components/index.js +4 -5
  56. package/dist/esm/v2/components/or-button-v3/OrButton.vue.d.ts +0 -11
  57. package/dist/esm/v2/components/or-button-v3/index.js +1 -1
  58. package/dist/esm/v2/components/or-card-collection-v3/OrCardCollection.stories3.d.ts +4 -0
  59. package/dist/esm/v2/components/or-card-collection-v3/OrCardCollection.vue.d.ts +63 -37
  60. package/dist/esm/v2/components/or-card-collection-v3/OrCardCollectionView.vue2.vue.d.ts +35 -0
  61. package/dist/esm/v2/components/or-card-collection-v3/constatnts.d.ts +4 -0
  62. package/dist/esm/v2/components/or-card-collection-v3/index.js +7 -4
  63. package/dist/esm/v2/components/or-card-collection-v3/types.d.ts +8 -3
  64. package/dist/esm/v2/components/or-confirm-v3/index.js +2 -2
  65. package/dist/esm/v2/components/or-select-v3/OrSelect.vue.d.ts +14 -14
  66. package/dist/esm/v2/components/or-select-v3/index.d.ts +0 -1
  67. package/dist/esm/v2/components/or-select-v3/index.js +1 -1
  68. package/dist/esm/v2/components/or-select-v3/types.d.ts +1 -1
  69. package/dist/esm/v2/index.js +4 -5
  70. package/dist/esm/v3/{OrButton-970ae320.js → OrButton-f4b9ee51.js} +2 -15
  71. package/dist/esm/v3/OrCardCollection-3bd67c5c.js +282 -0
  72. package/dist/esm/v3/{OrConfirm-7cb2f36b.js → OrConfirm-906427ef.js} +1 -1
  73. package/dist/esm/v3/{OrSelect-bff22c7f.js → OrSelect-fee9c099.js} +3 -3
  74. package/dist/esm/v3/components/index.d.ts +0 -1
  75. package/dist/esm/v3/components/index.js +4 -5
  76. package/dist/esm/v3/components/or-button-v3/OrButton.vue.d.ts +0 -11
  77. package/dist/esm/v3/components/or-button-v3/index.js +1 -1
  78. package/dist/esm/v3/components/or-card-collection-v3/OrCardCollection.stories3.d.ts +4 -0
  79. package/dist/esm/v3/components/or-card-collection-v3/OrCardCollection.vue.d.ts +63 -37
  80. package/dist/esm/v3/components/or-card-collection-v3/OrCardCollectionView.vue3.vue.d.ts +35 -0
  81. package/dist/esm/v3/components/or-card-collection-v3/constatnts.d.ts +4 -0
  82. package/dist/esm/v3/components/or-card-collection-v3/index.js +7 -4
  83. package/dist/esm/v3/components/or-card-collection-v3/types.d.ts +8 -3
  84. package/dist/esm/v3/components/or-confirm-v3/index.js +2 -2
  85. package/dist/esm/v3/components/or-select-v3/OrSelect.vue.d.ts +14 -14
  86. package/dist/esm/v3/components/or-select-v3/index.d.ts +0 -1
  87. package/dist/esm/v3/components/or-select-v3/index.js +1 -1
  88. package/dist/esm/v3/components/or-select-v3/types.d.ts +1 -1
  89. package/dist/esm/v3/index.js +4 -5
  90. package/package.json +1 -1
  91. package/src/components/index.ts +0 -1
  92. package/src/components/or-button-v3/OrButton.stories3.ts +0 -4
  93. package/src/components/or-button-v3/OrButton.vue +0 -6
  94. package/src/components/or-button-v3/styles.ts +1 -15
  95. package/src/components/or-card-collection-v3/OrCardCollection.stories3.ts +193 -28
  96. package/src/components/or-card-collection-v3/OrCardCollection.vue +110 -76
  97. package/src/components/or-card-collection-v3/OrCardCollectionView.vue2.vue +41 -0
  98. package/src/components/or-card-collection-v3/OrCardCollectionView.vue3.vue +42 -0
  99. package/src/components/or-card-collection-v3/constatnts.ts +12 -0
  100. package/src/components/or-card-collection-v3/styles.ts +1 -1
  101. package/src/components/or-card-collection-v3/types.ts +9 -3
  102. package/src/components/or-select-v3/OrSelect.vue +3 -3
  103. package/src/components/or-select-v3/index.ts +0 -1
  104. package/src/components/or-select-v3/types.ts +1 -1
  105. package/dist/bundled/v2/OrCardCollection-a9a779ea.js +0 -228
  106. package/dist/bundled/v2/OrPagination-354e9abd.js +0 -296
  107. package/dist/bundled/v2/components/or-pagination-v3/OrPagination.stories3.d.ts +0 -12
  108. package/dist/bundled/v2/components/or-pagination-v3/OrPagination.vue.d.ts +0 -110
  109. package/dist/bundled/v2/components/or-pagination-v3/index.d.ts +0 -2
  110. package/dist/bundled/v2/components/or-pagination-v3/index.js +0 -20
  111. package/dist/bundled/v2/components/or-pagination-v3/styles.d.ts +0 -3
  112. package/dist/bundled/v2/components/or-pagination-v3/types.d.ts +0 -4
  113. package/dist/bundled/v3/OrCardCollection.vue_vue_type_script_lang-3993a015.js +0 -164
  114. package/dist/bundled/v3/OrPagination.vue_vue_type_script_lang-ff22b11c.js +0 -180
  115. package/dist/bundled/v3/components/or-pagination-v3/OrPagination.stories3.d.ts +0 -12
  116. package/dist/bundled/v3/components/or-pagination-v3/OrPagination.vue.d.ts +0 -110
  117. package/dist/bundled/v3/components/or-pagination-v3/index.d.ts +0 -2
  118. package/dist/bundled/v3/components/or-pagination-v3/index.js +0 -22
  119. package/dist/bundled/v3/components/or-pagination-v3/styles.d.ts +0 -3
  120. package/dist/bundled/v3/components/or-pagination-v3/types.d.ts +0 -4
  121. package/dist/esm/v2/OrCardCollection-4f001551.js +0 -227
  122. package/dist/esm/v2/OrPagination-a56eb93b.js +0 -296
  123. package/dist/esm/v2/components/or-pagination-v3/OrPagination.stories3.d.ts +0 -12
  124. package/dist/esm/v2/components/or-pagination-v3/OrPagination.vue.d.ts +0 -110
  125. package/dist/esm/v2/components/or-pagination-v3/index.d.ts +0 -2
  126. package/dist/esm/v2/components/or-pagination-v3/index.js +0 -18
  127. package/dist/esm/v2/components/or-pagination-v3/styles.d.ts +0 -3
  128. package/dist/esm/v2/components/or-pagination-v3/types.d.ts +0 -4
  129. package/dist/esm/v3/OrCardCollection-5a0febaf.js +0 -198
  130. package/dist/esm/v3/OrPagination-d351a13b.js +0 -257
  131. package/dist/esm/v3/components/or-pagination-v3/OrPagination.stories3.d.ts +0 -12
  132. package/dist/esm/v3/components/or-pagination-v3/OrPagination.vue.d.ts +0 -110
  133. package/dist/esm/v3/components/or-pagination-v3/index.d.ts +0 -2
  134. package/dist/esm/v3/components/or-pagination-v3/index.js +0 -17
  135. package/dist/esm/v3/components/or-pagination-v3/styles.d.ts +0 -3
  136. package/dist/esm/v3/components/or-pagination-v3/types.d.ts +0 -4
  137. package/src/components/or-pagination-v3/OrPagination.docs.mdx +0 -7
  138. package/src/components/or-pagination-v3/OrPagination.stories3.ts +0 -87
  139. package/src/components/or-pagination-v3/OrPagination.vue +0 -260
  140. package/src/components/or-pagination-v3/index.ts +0 -2
  141. package/src/components/or-pagination-v3/styles.ts +0 -30
  142. package/src/components/or-pagination-v3/types.ts +0 -4
@@ -1,296 +0,0 @@
1
- import './index-fa6eb4ca.js';
2
- import { O as OrButton } from './OrButton-66d37aff.js';
3
- import { O as OrIcon } from './OrIcon-8625385f.js';
4
- import { O as OrMenu } from './OrMenu-fa47c888.js';
5
- import { O as OrMenuItem } from './OrMenuItem-26420908.js';
6
- import { u as useClassAttribute } from './useClassAttribute-9bf33346.js';
7
- import { defineComponent, ref, computed } from '@vue/composition-api/dist/vue-composition-api.mjs';
8
- import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
9
-
10
- const PaginationRoot = [
11
- // Layout
12
- 'layout-row',
13
- // Spacing
14
- 'gap-xl',
15
- // Typography
16
- 'typography-caption-regular',
17
- // Theme
18
- 'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
19
- const PaginationOffsetControl = [
20
- // Layout
21
- 'layout-row',
22
- // Spacing
23
- 'gap-md'];
24
- const PaginationLimitControl = [
25
- // Layout
26
- 'layout-row',
27
- // Spacing
28
- 'gap-sm'];
29
-
30
- var script = defineComponent({
31
- name: 'OrPagination',
32
- components: {
33
- OrButton,
34
- OrIcon,
35
- OrMenu,
36
- OrMenuItem
37
- },
38
- inheritAttrs: false,
39
- props: {
40
- modelValue: {
41
- type: Object,
42
- default: {}
43
- },
44
- value: {
45
- type: Object,
46
- default: {}
47
- },
48
- length: {
49
- type: Number,
50
- required: true
51
- },
52
- pageSizeOptions: {
53
- type: Array,
54
- default: [50, 20, 10, 5]
55
- }
56
- },
57
- emits: ['update:modelValue', 'input'],
58
- expose: ['root'],
59
- setup(props, context) {
60
- // Refs
61
- const root = ref();
62
- const limitButton = ref();
63
- const limitButtonRoot = computed(() => {
64
- var _a;
65
- return (_a = limitButton.value) === null || _a === void 0 ? void 0 : _a.root;
66
- });
67
- const limitMenu = ref();
68
- const limitMenuRoot = computed(() => {
69
- var _a;
70
- return (_a = limitMenu.value) === null || _a === void 0 ? void 0 : _a.root;
71
- });
72
- // Styles
73
- const classAttribute = useClassAttribute();
74
- const rootStyles = computed(() => ['or-pagination', ...PaginationRoot, classAttribute.value]);
75
- const offsetControlStyles = computed(() => [...PaginationOffsetControl]);
76
- const limitControlStyles = computed(() => [...PaginationLimitControl]);
77
- // State
78
- const proxyModelValue = computed({
79
- get: () => {
80
- var _a;
81
- return (_a = props.modelValue) !== null && _a !== void 0 ? _a : props.value; // TODO: Remove Vue 2 fallback
82
- },
83
-
84
- set: value => {
85
- context.emit('input', value);
86
- context.emit('update:modelValue', value);
87
- }
88
- });
89
- const currentLimit = computed({
90
- get: () => {
91
- var _a;
92
- return (_a = proxyModelValue.value.limit) !== null && _a !== void 0 ? _a : props.pageSizeOptions[0];
93
- },
94
- set: value => {
95
- proxyModelValue.value = {
96
- limit: value,
97
- offset: currentOffset.value
98
- };
99
- }
100
- });
101
- const currentOffset = computed({
102
- get: () => {
103
- var _a;
104
- return (_a = proxyModelValue.value.offset) !== null && _a !== void 0 ? _a : 0;
105
- },
106
- set: value => {
107
- proxyModelValue.value = {
108
- limit: currentLimit.value,
109
- offset: value
110
- };
111
- }
112
- });
113
- const currentPage = computed({
114
- get: () => {
115
- return Math.floor(currentOffset.value / currentLimit.value) + 1;
116
- },
117
- set: value => {
118
- currentOffset.value = (value - 1) * currentLimit.value;
119
- }
120
- });
121
- const firstPage = computed(() => {
122
- return 1;
123
- });
124
- const lastPage = computed(() => {
125
- return Math.ceil(props.length / currentLimit.value);
126
- });
127
- const buttonGroup = computed(() => {
128
- return Array.from({
129
- length: lastPage.value
130
- }, (_, index) => index + 1).map(page => {
131
- switch (true) {
132
- case page > firstPage.value && page < currentPage.value - 1:
133
- case page > currentPage.value + 1 && page < lastPage.value:
134
- return '…';
135
- default:
136
- return page;
137
- }
138
- }).reduce((accumulator, page) => {
139
- if (accumulator[accumulator.length - 1] === page) {
140
- return accumulator;
141
- }
142
- return [...accumulator, page];
143
- }, []);
144
- });
145
- // Functions
146
- function toPreviousPage() {
147
- currentPage.value = currentPage.value - 1;
148
- }
149
- function toNextPage() {
150
- currentPage.value = currentPage.value + 1;
151
- }
152
- function toPage(page) {
153
- currentPage.value = page;
154
- }
155
- return {
156
- root,
157
- limitButton,
158
- limitButtonRoot,
159
- limitMenu,
160
- limitMenuRoot,
161
- rootStyles,
162
- offsetControlStyles,
163
- limitControlStyles,
164
- proxyModelValue,
165
- currentLimit,
166
- currentOffset,
167
- currentPage,
168
- firstPage,
169
- lastPage,
170
- buttonGroup,
171
- toPreviousPage,
172
- toNextPage,
173
- toPage
174
- };
175
- }
176
- });
177
-
178
- /* script */
179
- const __vue_script__ = script;
180
-
181
- /* template */
182
- var __vue_render__ = function () {
183
- var _vm = this;
184
- var _h = _vm.$createElement;
185
- var _c = _vm._self._c || _h;
186
- return _c('div', _vm._b({
187
- ref: "root",
188
- class: _vm.rootStyles
189
- }, 'div', _vm.$attrs, false), [_c('div', {
190
- class: _vm.offsetControlStyles
191
- }, [_c('OrButton', {
192
- attrs: {
193
- "variant": 'link',
194
- "color": 'inherit',
195
- "disabled": _vm.currentPage === _vm.firstPage
196
- },
197
- on: {
198
- "click": function ($event) {
199
- $event.stopPropagation();
200
- return _vm.toPreviousPage();
201
- }
202
- }
203
- }, [_c('OrIcon', {
204
- attrs: {
205
- "icon": 'keyboard_arrow_left'
206
- }
207
- })], 1), _vm._v(" "), _vm._l(_vm.buttonGroup, function (page, index) {
208
- return _c('OrButton', {
209
- key: index,
210
- attrs: {
211
- "variant": 'link',
212
- "color": 'inherit',
213
- "activated": _vm.currentPage === page
214
- },
215
- on: {
216
- "click": function ($event) {
217
- $event.stopPropagation();
218
- typeof page === 'number' && _vm.toPage(page);
219
- }
220
- }
221
- }, [_vm._v("\n " + _vm._s(page) + "\n ")]);
222
- }), _vm._v(" "), _c('OrButton', {
223
- attrs: {
224
- "variant": 'link',
225
- "color": 'inherit',
226
- "disabled": _vm.currentPage === _vm.lastPage
227
- },
228
- on: {
229
- "click": function ($event) {
230
- $event.stopPropagation();
231
- return _vm.toNextPage();
232
- }
233
- }
234
- }, [_c('OrIcon', {
235
- attrs: {
236
- "icon": 'keyboard_arrow_right'
237
- }
238
- })], 1)], 2), _vm._v(" "), _c('div', {
239
- class: _vm.limitControlStyles
240
- }, [_vm._v("\n Per page:\n\n "), _c('OrButton', {
241
- ref: "limitButton",
242
- attrs: {
243
- "variant": 'link',
244
- "color": 'inherit',
245
- "activated": true
246
- },
247
- on: {
248
- "click": function ($event) {
249
- $event.stopPropagation();
250
- return _vm.limitMenu.open();
251
- }
252
- }
253
- }, [_vm._v("\n " + _vm._s(_vm.currentLimit) + " "), _c('OrIcon', {
254
- attrs: {
255
- "icon": 'arrow_drop_down'
256
- }
257
- })], 1), _vm._v(" "), _c('OrMenu', {
258
- ref: "limitMenu",
259
- attrs: {
260
- "trigger": _vm.limitButtonRoot
261
- }
262
- }, _vm._l(_vm.pageSizeOptions, function (pageSize) {
263
- return _c('OrMenuItem', {
264
- key: pageSize,
265
- on: {
266
- "click": function ($event) {
267
- $event.stopPropagation();
268
- _vm.currentLimit = pageSize;
269
- }
270
- }
271
- }, [_vm._v("\n " + _vm._s(pageSize) + "\n ")]);
272
- }), 1)], 1)]);
273
- };
274
- var __vue_staticRenderFns__ = [];
275
-
276
- /* style */
277
- const __vue_inject_styles__ = undefined;
278
- /* scoped */
279
- const __vue_scope_id__ = undefined;
280
- /* module identifier */
281
- const __vue_module_identifier__ = undefined;
282
- /* functional template */
283
- const __vue_is_functional_template__ = false;
284
- /* style inject */
285
-
286
- /* style inject SSR */
287
-
288
- /* style inject shadow dom */
289
-
290
- const __vue_component__ = /*#__PURE__*/normalizeComponent({
291
- render: __vue_render__,
292
- staticRenderFns: __vue_staticRenderFns__
293
- }, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
294
- var __vue_component__$1 = __vue_component__;
295
-
296
- export { __vue_component__$1 as _ };
@@ -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,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 };