@react-spectrum/card 3.0.0-nightly.3074 → 3.0.0-nightly.3086
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.
- package/dist/main.css +1 -1
- package/dist/main.js +403 -458
- package/dist/main.js.map +1 -1
- package/dist/module.js +399 -454
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +1 -7
- package/dist/types.d.ts.map +1 -1
- package/package.json +22 -22
- package/src/CardBase.tsx +17 -59
- package/src/CardView.tsx +4 -0
- package/src/GalleryLayout.tsx +3 -3
- package/src/WaterfallLayout.tsx +5 -14
package/dist/module.js
CHANGED
|
@@ -1,19 +1,18 @@
|
|
|
1
1
|
import "./main.css";
|
|
2
|
-
import {useStyleProps as $
|
|
3
|
-
import {GridCollection as $
|
|
4
|
-
import {ProgressCircle as $
|
|
5
|
-
import $
|
|
6
|
-
import {useCollator as $
|
|
7
|
-
import {useGrid as $
|
|
8
|
-
import {useListState as $
|
|
9
|
-
import {useProvider as $
|
|
10
|
-
import {VirtualizerItem as $
|
|
11
|
-
import {Checkbox as $
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {Size as $k8Xpo$Size, Rect as $k8Xpo$Rect, LayoutInfo as $k8Xpo$LayoutInfo, Layout as $k8Xpo$Layout} from "@react-stately/virtualizer";
|
|
2
|
+
import {useStyleProps as $5HlfY$useStyleProps, useDOMRef as $5HlfY$useDOMRef, classNames as $5HlfY$classNames, useUnwrapDOMRef as $5HlfY$useUnwrapDOMRef, useHasChild as $5HlfY$useHasChild, SlotProvider as $5HlfY$SlotProvider} from "@react-spectrum/utils";
|
|
3
|
+
import {GridCollection as $5HlfY$GridCollection, useGridState as $5HlfY$useGridState} from "@react-stately/grid";
|
|
4
|
+
import {ProgressCircle as $5HlfY$ProgressCircle} from "@react-spectrum/progress";
|
|
5
|
+
import $5HlfY$react, {useMemo as $5HlfY$useMemo, useCallback as $5HlfY$useCallback, useRef as $5HlfY$useRef, useState as $5HlfY$useState, useContext as $5HlfY$useContext, forwardRef as $5HlfY$forwardRef} from "react";
|
|
6
|
+
import {useCollator as $5HlfY$useCollator, useMessageFormatter as $5HlfY$useMessageFormatter, useLocale as $5HlfY$useLocale} from "@react-aria/i18n";
|
|
7
|
+
import {useGrid as $5HlfY$useGrid, useGridRow as $5HlfY$useGridRow, useGridCell as $5HlfY$useGridCell} from "@react-aria/grid";
|
|
8
|
+
import {useListState as $5HlfY$useListState} from "@react-stately/list";
|
|
9
|
+
import {useProvider as $5HlfY$useProvider, useProviderProps as $5HlfY$useProviderProps} from "@react-spectrum/provider";
|
|
10
|
+
import {VirtualizerItem as $5HlfY$VirtualizerItem, Virtualizer as $5HlfY$Virtualizer} from "@react-aria/virtualizer";
|
|
11
|
+
import {Checkbox as $5HlfY$Checkbox} from "@react-spectrum/checkbox";
|
|
12
|
+
import {useResizeObserver as $5HlfY$useResizeObserver, useLayoutEffect as $5HlfY$useLayoutEffect, mergeProps as $5HlfY$mergeProps, filterDOMProps as $5HlfY$filterDOMProps, useSlotId as $5HlfY$useSlotId} from "@react-aria/utils";
|
|
13
|
+
import {getFocusableTreeWalker as $5HlfY$getFocusableTreeWalker, FocusRing as $5HlfY$FocusRing} from "@react-aria/focus";
|
|
14
|
+
import {useHover as $5HlfY$useHover, useFocusWithin as $5HlfY$useFocusWithin} from "@react-aria/interactions";
|
|
15
|
+
import {Size as $5HlfY$Size, Rect as $5HlfY$Rect, LayoutInfo as $5HlfY$LayoutInfo, Layout as $5HlfY$Layout} from "@react-stately/virtualizer";
|
|
17
16
|
|
|
18
17
|
function $parcel$interopDefault(a) {
|
|
19
18
|
return a && a.__esModule ? a.default : a;
|
|
@@ -21,155 +20,143 @@ function $parcel$interopDefault(a) {
|
|
|
21
20
|
function $parcel$export(e, n, v, s) {
|
|
22
21
|
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
23
22
|
}
|
|
24
|
-
var $
|
|
25
|
-
|
|
26
|
-
$parcel$export($
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
var $
|
|
34
|
-
|
|
35
|
-
$parcel$export($
|
|
36
|
-
$parcel$export($
|
|
37
|
-
$parcel$export($
|
|
38
|
-
$parcel$export($
|
|
39
|
-
$parcel$export($
|
|
40
|
-
$parcel$export($
|
|
41
|
-
$parcel$export($
|
|
42
|
-
$parcel$export($
|
|
43
|
-
$parcel$export($
|
|
44
|
-
$parcel$export($
|
|
45
|
-
$parcel$export($
|
|
46
|
-
$parcel$export($
|
|
47
|
-
$parcel$export($
|
|
48
|
-
$parcel$export($
|
|
49
|
-
$parcel$export($
|
|
50
|
-
$parcel$export($
|
|
51
|
-
$parcel$export($
|
|
52
|
-
$parcel$export($
|
|
53
|
-
$parcel$export($
|
|
54
|
-
$parcel$export($
|
|
55
|
-
$parcel$export($
|
|
56
|
-
$parcel$export($
|
|
57
|
-
$parcel$export($
|
|
58
|
-
$parcel$export($
|
|
59
|
-
$parcel$export($
|
|
60
|
-
$parcel$export($
|
|
61
|
-
$parcel$export($
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
var $
|
|
67
|
-
var $
|
|
68
|
-
var $
|
|
69
|
-
var $
|
|
70
|
-
var $
|
|
71
|
-
var $
|
|
72
|
-
var $
|
|
73
|
-
var $
|
|
74
|
-
var $
|
|
75
|
-
var $
|
|
76
|
-
var $
|
|
77
|
-
var $
|
|
78
|
-
var $
|
|
79
|
-
var $
|
|
80
|
-
var $
|
|
81
|
-
var $
|
|
82
|
-
var $
|
|
83
|
-
var $
|
|
84
|
-
var $
|
|
85
|
-
var $
|
|
86
|
-
var $
|
|
87
|
-
var $
|
|
88
|
-
var $
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
$
|
|
98
|
-
$
|
|
99
|
-
$
|
|
100
|
-
$
|
|
101
|
-
$
|
|
102
|
-
$
|
|
103
|
-
$
|
|
104
|
-
$
|
|
105
|
-
$
|
|
106
|
-
$
|
|
107
|
-
$
|
|
108
|
-
$
|
|
109
|
-
$
|
|
110
|
-
$
|
|
111
|
-
$
|
|
112
|
-
$
|
|
113
|
-
$
|
|
114
|
-
$
|
|
115
|
-
$
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
$
|
|
120
|
-
$
|
|
121
|
-
$
|
|
122
|
-
$2ebe8b6b61a3e4e2$export$20899a36767527c0 = "_spectrum-Card--closeToSquare_6fdf9f";
|
|
123
|
-
$2ebe8b6b61a3e4e2$export$1c52334407225704 = "_spectrum-Card--horizontal_6fdf9f";
|
|
124
|
-
$2ebe8b6b61a3e4e2$export$2f34e9e3e0b89d95 = "_spectrum-CardView_6fdf9f";
|
|
125
|
-
$2ebe8b6b61a3e4e2$export$7fc89689fcfab196 = "_spectrum-CardView-centeredWrapper_6fdf9f";
|
|
126
|
-
$2ebe8b6b61a3e4e2$export$4746ac09daa215ae = "_spectrum-CardView-row_6fdf9f";
|
|
127
|
-
$2ebe8b6b61a3e4e2$export$d8467f38d2d00bd0 = "_is-drop-target_6fdf9f";
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
const $986281b61f26b6f8$export$64992ac69f286e5c = /*#__PURE__*/ $k8Xpo$react.createContext(null);
|
|
132
|
-
function $986281b61f26b6f8$export$fea0b38586ec8f13() {
|
|
133
|
-
return $k8Xpo$useContext($986281b61f26b6f8$export$64992ac69f286e5c);
|
|
23
|
+
var $c6398e7007a75897$exports = {};
|
|
24
|
+
|
|
25
|
+
$parcel$export($c6398e7007a75897$exports, "CardView", () => $c6398e7007a75897$export$7e52c821f7b6f422);
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
var $468be5d76fe318d4$exports = {};
|
|
33
|
+
|
|
34
|
+
$parcel$export($468be5d76fe318d4$exports, "spectrum-Card", () => $468be5d76fe318d4$export$4e5e9f191b1edb8, (v) => $468be5d76fe318d4$export$4e5e9f191b1edb8 = v);
|
|
35
|
+
$parcel$export($468be5d76fe318d4$exports, "spectrum-Card-heading", () => $468be5d76fe318d4$export$92758a4a0e8d19e4, (v) => $468be5d76fe318d4$export$92758a4a0e8d19e4 = v);
|
|
36
|
+
$parcel$export($468be5d76fe318d4$exports, "spectrum-Card-checkboxWrapper", () => $468be5d76fe318d4$export$33977546b63e0df9, (v) => $468be5d76fe318d4$export$33977546b63e0df9 = v);
|
|
37
|
+
$parcel$export($468be5d76fe318d4$exports, "spectrum-Card-checkbox", () => $468be5d76fe318d4$export$842da5d48b8f6db2, (v) => $468be5d76fe318d4$export$842da5d48b8f6db2 = v);
|
|
38
|
+
$parcel$export($468be5d76fe318d4$exports, "is-focused", () => $468be5d76fe318d4$export$e7dc768d35940237, (v) => $468be5d76fe318d4$export$e7dc768d35940237 = v);
|
|
39
|
+
$parcel$export($468be5d76fe318d4$exports, "is-selected", () => $468be5d76fe318d4$export$1e0fb04f31d3c22a, (v) => $468be5d76fe318d4$export$1e0fb04f31d3c22a = v);
|
|
40
|
+
$parcel$export($468be5d76fe318d4$exports, "focus-ring", () => $468be5d76fe318d4$export$f39a09f249340e2a, (v) => $468be5d76fe318d4$export$f39a09f249340e2a = v);
|
|
41
|
+
$parcel$export($468be5d76fe318d4$exports, "is-hovered", () => $468be5d76fe318d4$export$b8813cd5d7824ce7, (v) => $468be5d76fe318d4$export$b8813cd5d7824ce7 = v);
|
|
42
|
+
$parcel$export($468be5d76fe318d4$exports, "spectrum-Card-grid", () => $468be5d76fe318d4$export$b3dd760d2dfde29e, (v) => $468be5d76fe318d4$export$b3dd760d2dfde29e = v);
|
|
43
|
+
$parcel$export($468be5d76fe318d4$exports, "spectrum-Card-decoration", () => $468be5d76fe318d4$export$48252dc130b62514, (v) => $468be5d76fe318d4$export$48252dc130b62514 = v);
|
|
44
|
+
$parcel$export($468be5d76fe318d4$exports, "spectrum-Card-image", () => $468be5d76fe318d4$export$8d5fea71dc66db80, (v) => $468be5d76fe318d4$export$8d5fea71dc66db80 = v);
|
|
45
|
+
$parcel$export($468be5d76fe318d4$exports, "spectrum-Card-illustration", () => $468be5d76fe318d4$export$13dd3510ae7a8399, (v) => $468be5d76fe318d4$export$13dd3510ae7a8399 = v);
|
|
46
|
+
$parcel$export($468be5d76fe318d4$exports, "spectrum-Card-avatar", () => $468be5d76fe318d4$export$159930c59efb6273, (v) => $468be5d76fe318d4$export$159930c59efb6273 = v);
|
|
47
|
+
$parcel$export($468be5d76fe318d4$exports, "spectrum-Card-detail", () => $468be5d76fe318d4$export$16715af38fbd9819, (v) => $468be5d76fe318d4$export$16715af38fbd9819 = v);
|
|
48
|
+
$parcel$export($468be5d76fe318d4$exports, "spectrum-Card-content", () => $468be5d76fe318d4$export$d946625b97e8aa17, (v) => $468be5d76fe318d4$export$d946625b97e8aa17 = v);
|
|
49
|
+
$parcel$export($468be5d76fe318d4$exports, "spectrum-Card--waterfall", () => $468be5d76fe318d4$export$d9c7209e0e4f7e4d, (v) => $468be5d76fe318d4$export$d9c7209e0e4f7e4d = v);
|
|
50
|
+
$parcel$export($468be5d76fe318d4$exports, "spectrum-Card--default", () => $468be5d76fe318d4$export$c7a022df9e10a238, (v) => $468be5d76fe318d4$export$c7a022df9e10a238 = v);
|
|
51
|
+
$parcel$export($468be5d76fe318d4$exports, "spectrum-Card--noPreview", () => $468be5d76fe318d4$export$b77922bc0320c9e4, (v) => $468be5d76fe318d4$export$b77922bc0320c9e4 = v);
|
|
52
|
+
$parcel$export($468be5d76fe318d4$exports, "spectrum-Card--grid", () => $468be5d76fe318d4$export$59739ab951d2dcc7, (v) => $468be5d76fe318d4$export$59739ab951d2dcc7 = v);
|
|
53
|
+
$parcel$export($468be5d76fe318d4$exports, "spectrum-Card--noLayout", () => $468be5d76fe318d4$export$a03d836e6ef3e749, (v) => $468be5d76fe318d4$export$a03d836e6ef3e749 = v);
|
|
54
|
+
$parcel$export($468be5d76fe318d4$exports, "spectrum-Card--isQuiet", () => $468be5d76fe318d4$export$92ad04b5ac9296ea, (v) => $468be5d76fe318d4$export$92ad04b5ac9296ea = v);
|
|
55
|
+
$parcel$export($468be5d76fe318d4$exports, "spectrum-Card--gallery", () => $468be5d76fe318d4$export$ccd8ffc36bd10cc, (v) => $468be5d76fe318d4$export$ccd8ffc36bd10cc = v);
|
|
56
|
+
$parcel$export($468be5d76fe318d4$exports, "spectrum-Card--horizontal", () => $468be5d76fe318d4$export$1c52334407225704, (v) => $468be5d76fe318d4$export$1c52334407225704 = v);
|
|
57
|
+
$parcel$export($468be5d76fe318d4$exports, "spectrum-CardView", () => $468be5d76fe318d4$export$2f34e9e3e0b89d95, (v) => $468be5d76fe318d4$export$2f34e9e3e0b89d95 = v);
|
|
58
|
+
$parcel$export($468be5d76fe318d4$exports, "spectrum-CardView-centeredWrapper", () => $468be5d76fe318d4$export$7fc89689fcfab196, (v) => $468be5d76fe318d4$export$7fc89689fcfab196 = v);
|
|
59
|
+
$parcel$export($468be5d76fe318d4$exports, "spectrum-CardView-row", () => $468be5d76fe318d4$export$4746ac09daa215ae, (v) => $468be5d76fe318d4$export$4746ac09daa215ae = v);
|
|
60
|
+
$parcel$export($468be5d76fe318d4$exports, "is-drop-target", () => $468be5d76fe318d4$export$d8467f38d2d00bd0, (v) => $468be5d76fe318d4$export$d8467f38d2d00bd0 = v);
|
|
61
|
+
var $468be5d76fe318d4$export$4e5e9f191b1edb8;
|
|
62
|
+
var $468be5d76fe318d4$export$92758a4a0e8d19e4;
|
|
63
|
+
var $468be5d76fe318d4$export$33977546b63e0df9;
|
|
64
|
+
var $468be5d76fe318d4$export$842da5d48b8f6db2;
|
|
65
|
+
var $468be5d76fe318d4$export$e7dc768d35940237;
|
|
66
|
+
var $468be5d76fe318d4$export$1e0fb04f31d3c22a;
|
|
67
|
+
var $468be5d76fe318d4$export$f39a09f249340e2a;
|
|
68
|
+
var $468be5d76fe318d4$export$b8813cd5d7824ce7;
|
|
69
|
+
var $468be5d76fe318d4$export$b3dd760d2dfde29e;
|
|
70
|
+
var $468be5d76fe318d4$export$48252dc130b62514;
|
|
71
|
+
var $468be5d76fe318d4$export$8d5fea71dc66db80;
|
|
72
|
+
var $468be5d76fe318d4$export$13dd3510ae7a8399;
|
|
73
|
+
var $468be5d76fe318d4$export$159930c59efb6273;
|
|
74
|
+
var $468be5d76fe318d4$export$16715af38fbd9819;
|
|
75
|
+
var $468be5d76fe318d4$export$d946625b97e8aa17;
|
|
76
|
+
var $468be5d76fe318d4$export$d9c7209e0e4f7e4d;
|
|
77
|
+
var $468be5d76fe318d4$export$c7a022df9e10a238;
|
|
78
|
+
var $468be5d76fe318d4$export$b77922bc0320c9e4;
|
|
79
|
+
var $468be5d76fe318d4$export$59739ab951d2dcc7;
|
|
80
|
+
var $468be5d76fe318d4$export$a03d836e6ef3e749;
|
|
81
|
+
var $468be5d76fe318d4$export$92ad04b5ac9296ea;
|
|
82
|
+
var $468be5d76fe318d4$export$ccd8ffc36bd10cc;
|
|
83
|
+
var $468be5d76fe318d4$export$1c52334407225704;
|
|
84
|
+
var $468be5d76fe318d4$export$2f34e9e3e0b89d95;
|
|
85
|
+
var $468be5d76fe318d4$export$7fc89689fcfab196;
|
|
86
|
+
var $468be5d76fe318d4$export$4746ac09daa215ae;
|
|
87
|
+
var $468be5d76fe318d4$export$d8467f38d2d00bd0;
|
|
88
|
+
$468be5d76fe318d4$export$4e5e9f191b1edb8 = "spectrum-Card_6fdf9f";
|
|
89
|
+
$468be5d76fe318d4$export$92758a4a0e8d19e4 = "spectrum-Card-heading_6fdf9f";
|
|
90
|
+
$468be5d76fe318d4$export$33977546b63e0df9 = "spectrum-Card-checkboxWrapper_6fdf9f";
|
|
91
|
+
$468be5d76fe318d4$export$842da5d48b8f6db2 = "spectrum-Card-checkbox_6fdf9f";
|
|
92
|
+
$468be5d76fe318d4$export$e7dc768d35940237 = "is-focused_6fdf9f";
|
|
93
|
+
$468be5d76fe318d4$export$1e0fb04f31d3c22a = "is-selected_6fdf9f";
|
|
94
|
+
$468be5d76fe318d4$export$f39a09f249340e2a = "focus-ring_6fdf9f";
|
|
95
|
+
$468be5d76fe318d4$export$b8813cd5d7824ce7 = "is-hovered_6fdf9f";
|
|
96
|
+
$468be5d76fe318d4$export$b3dd760d2dfde29e = "spectrum-Card-grid_6fdf9f";
|
|
97
|
+
$468be5d76fe318d4$export$48252dc130b62514 = "spectrum-Card-decoration_6fdf9f";
|
|
98
|
+
$468be5d76fe318d4$export$8d5fea71dc66db80 = "spectrum-Card-image_6fdf9f";
|
|
99
|
+
$468be5d76fe318d4$export$13dd3510ae7a8399 = "spectrum-Card-illustration_6fdf9f";
|
|
100
|
+
$468be5d76fe318d4$export$159930c59efb6273 = "spectrum-Card-avatar_6fdf9f";
|
|
101
|
+
$468be5d76fe318d4$export$16715af38fbd9819 = "spectrum-Card-detail_6fdf9f";
|
|
102
|
+
$468be5d76fe318d4$export$d946625b97e8aa17 = "spectrum-Card-content_6fdf9f";
|
|
103
|
+
$468be5d76fe318d4$export$d9c7209e0e4f7e4d = "spectrum-Card--waterfall_6fdf9f";
|
|
104
|
+
$468be5d76fe318d4$export$c7a022df9e10a238 = "spectrum-Card--default_6fdf9f";
|
|
105
|
+
$468be5d76fe318d4$export$b77922bc0320c9e4 = "spectrum-Card--noPreview_6fdf9f";
|
|
106
|
+
$468be5d76fe318d4$export$59739ab951d2dcc7 = "spectrum-Card--grid_6fdf9f";
|
|
107
|
+
$468be5d76fe318d4$export$a03d836e6ef3e749 = "spectrum-Card--noLayout_6fdf9f";
|
|
108
|
+
$468be5d76fe318d4$export$92ad04b5ac9296ea = "spectrum-Card--isQuiet_6fdf9f";
|
|
109
|
+
$468be5d76fe318d4$export$ccd8ffc36bd10cc = "spectrum-Card--gallery_6fdf9f";
|
|
110
|
+
$468be5d76fe318d4$export$1c52334407225704 = "spectrum-Card--horizontal_6fdf9f";
|
|
111
|
+
$468be5d76fe318d4$export$2f34e9e3e0b89d95 = "spectrum-CardView_6fdf9f";
|
|
112
|
+
$468be5d76fe318d4$export$7fc89689fcfab196 = "spectrum-CardView-centeredWrapper_6fdf9f";
|
|
113
|
+
$468be5d76fe318d4$export$4746ac09daa215ae = "spectrum-CardView-row_6fdf9f";
|
|
114
|
+
$468be5d76fe318d4$export$d8467f38d2d00bd0 = "is-drop-target_6fdf9f";
|
|
115
|
+
|
|
116
|
+
|
|
117
|
+
|
|
118
|
+
const $9a000cf0a62ebe41$export$64992ac69f286e5c = /*#__PURE__*/ $5HlfY$react.createContext(null);
|
|
119
|
+
function $9a000cf0a62ebe41$export$fea0b38586ec8f13() {
|
|
120
|
+
return $5HlfY$useContext($9a000cf0a62ebe41$export$64992ac69f286e5c);
|
|
134
121
|
}
|
|
135
122
|
|
|
136
123
|
|
|
137
124
|
|
|
138
125
|
|
|
139
|
-
function $
|
|
140
|
-
props = $
|
|
141
|
-
let context = $
|
|
126
|
+
function $f5426ba654d120b1$var$CardBase(props, ref) {
|
|
127
|
+
props = $5HlfY$useProviderProps(props);
|
|
128
|
+
let context = $9a000cf0a62ebe41$export$fea0b38586ec8f13() || {
|
|
142
129
|
}; // we can call again here, won't change from Card.tsx
|
|
143
130
|
let { state: state } = context;
|
|
144
131
|
let manager = state?.selectionManager;
|
|
145
132
|
let { isQuiet: isQuiet , orientation: orientation = 'vertical' , articleProps: articleProps = {
|
|
146
|
-
} , item: item , layout: layout } = props;
|
|
133
|
+
} , item: item , layout: layout , children: children } = props;
|
|
147
134
|
let key = item?.key;
|
|
148
135
|
let isSelected = manager?.isSelected(key);
|
|
149
136
|
let isDisabled = state?.disabledKeys.has(key);
|
|
150
137
|
let onChange = ()=>manager?.select(key)
|
|
151
138
|
;
|
|
152
|
-
let { styleProps: styleProps } = $
|
|
153
|
-
let { cardProps: cardProps , titleProps: titleProps , contentProps: contentProps } = $
|
|
154
|
-
let domRef = $
|
|
155
|
-
let gridRef = $
|
|
139
|
+
let { styleProps: styleProps } = $5HlfY$useStyleProps(props);
|
|
140
|
+
let { cardProps: cardProps , titleProps: titleProps , contentProps: contentProps } = $f5426ba654d120b1$var$useCard(props);
|
|
141
|
+
let domRef = $5HlfY$useDOMRef(ref);
|
|
142
|
+
let gridRef = $5HlfY$useRef();
|
|
143
|
+
let checkboxRef = $5HlfY$useRef(null);
|
|
156
144
|
// cards are only interactive if there is a selection manager and it allows selection
|
|
157
|
-
let { hoverProps: hoverProps , isHovered: isHovered } = $
|
|
145
|
+
let { hoverProps: hoverProps , isHovered: isHovered } = $5HlfY$useHover({
|
|
158
146
|
isDisabled: manager === undefined || manager?.selectionMode === 'none' || isDisabled
|
|
159
147
|
});
|
|
160
|
-
let [isFocused, setIsFocused] = $
|
|
161
|
-
let { focusWithinProps: focusWithinProps } = $
|
|
148
|
+
let [isFocused, setIsFocused] = $5HlfY$useState(false);
|
|
149
|
+
let { focusWithinProps: focusWithinProps } = $5HlfY$useFocusWithin({
|
|
162
150
|
onFocusWithinChange: setIsFocused,
|
|
163
151
|
isDisabled: isDisabled
|
|
164
152
|
});
|
|
165
|
-
let hasFooter = $k8Xpo$useHasChild(`.${(/*@__PURE__*/$parcel$interopDefault($2ebe8b6b61a3e4e2$exports))['spectrum-Card-footer']}`, gridRef);
|
|
166
153
|
// ToDo: see css for comment about avatar under selector .spectrum-Card--noLayout.spectrum-Card--default
|
|
167
|
-
let hasPreviewImage = $
|
|
168
|
-
let hasPreviewIllustration = $
|
|
154
|
+
let hasPreviewImage = $5HlfY$useHasChild(`.${(/*@__PURE__*/$parcel$interopDefault($468be5d76fe318d4$exports))['spectrum-Card-image']}`, gridRef);
|
|
155
|
+
let hasPreviewIllustration = $5HlfY$useHasChild(`.${(/*@__PURE__*/$parcel$interopDefault($468be5d76fe318d4$exports))['spectrum-Card-illustration']}`, gridRef);
|
|
169
156
|
let hasPreview = hasPreviewImage || hasPreviewIllustration;
|
|
170
157
|
// this is for horizontal cards
|
|
171
|
-
let [
|
|
172
|
-
let updateHeight = $
|
|
158
|
+
let [height, setHeight] = $5HlfY$useState(NaN);
|
|
159
|
+
let updateHeight = $5HlfY$useCallback(()=>{
|
|
173
160
|
if (orientation !== 'horizontal') return;
|
|
174
161
|
let cardHeight = gridRef.current.getBoundingClientRect().height;
|
|
175
162
|
setHeight(cardHeight);
|
|
@@ -178,118 +165,74 @@ function $6b5e97142b400aef$var$CardBase(props, ref) {
|
|
|
178
165
|
gridRef,
|
|
179
166
|
setHeight
|
|
180
167
|
]);
|
|
181
|
-
$
|
|
168
|
+
$5HlfY$useResizeObserver({
|
|
182
169
|
ref: gridRef,
|
|
183
170
|
onResize: updateHeight
|
|
184
171
|
});
|
|
185
172
|
let aspectRatioEnforce = undefined;
|
|
186
|
-
if (orientation === 'horizontal' && !isNaN(
|
|
187
|
-
height: `${
|
|
188
|
-
width: `${
|
|
173
|
+
if (orientation === 'horizontal' && !isNaN(height)) aspectRatioEnforce = {
|
|
174
|
+
height: `${height}px`,
|
|
175
|
+
width: `${height}px`
|
|
189
176
|
};
|
|
190
|
-
let slots = $
|
|
177
|
+
let slots = $5HlfY$useMemo(()=>({
|
|
191
178
|
image: {
|
|
192
|
-
UNSAFE_className: $
|
|
179
|
+
UNSAFE_className: $5HlfY$classNames((/*@__PURE__*/$parcel$interopDefault($468be5d76fe318d4$exports)), 'spectrum-Card-image'),
|
|
193
180
|
objectFit: orientation === 'horizontal' ? 'cover' : 'contain',
|
|
194
181
|
alt: '',
|
|
195
182
|
...aspectRatioEnforce
|
|
196
183
|
},
|
|
197
184
|
illustration: {
|
|
198
|
-
UNSAFE_className: $
|
|
185
|
+
UNSAFE_className: $5HlfY$classNames((/*@__PURE__*/$parcel$interopDefault($468be5d76fe318d4$exports)), 'spectrum-Card-illustration'),
|
|
199
186
|
...aspectRatioEnforce
|
|
200
187
|
},
|
|
201
188
|
avatar: {
|
|
202
|
-
UNSAFE_className: $
|
|
189
|
+
UNSAFE_className: $5HlfY$classNames((/*@__PURE__*/$parcel$interopDefault($468be5d76fe318d4$exports)), 'spectrum-Card-avatar'),
|
|
203
190
|
size: 'avatar-size-400'
|
|
204
191
|
},
|
|
205
192
|
heading: {
|
|
206
|
-
UNSAFE_className: $
|
|
193
|
+
UNSAFE_className: $5HlfY$classNames((/*@__PURE__*/$parcel$interopDefault($468be5d76fe318d4$exports)), 'spectrum-Card-heading'),
|
|
207
194
|
...titleProps
|
|
208
195
|
},
|
|
209
196
|
content: {
|
|
210
|
-
UNSAFE_className: $
|
|
197
|
+
UNSAFE_className: $5HlfY$classNames((/*@__PURE__*/$parcel$interopDefault($468be5d76fe318d4$exports)), 'spectrum-Card-content'),
|
|
211
198
|
...contentProps
|
|
212
199
|
},
|
|
213
200
|
detail: {
|
|
214
|
-
UNSAFE_className: $
|
|
215
|
-
},
|
|
216
|
-
actionmenu: {
|
|
217
|
-
UNSAFE_className: $k8Xpo$classNames((/*@__PURE__*/$parcel$interopDefault($2ebe8b6b61a3e4e2$exports)), 'spectrum-Card-actions'),
|
|
218
|
-
align: 'end',
|
|
219
|
-
isQuiet: true
|
|
220
|
-
},
|
|
221
|
-
footer: {
|
|
222
|
-
UNSAFE_className: $k8Xpo$classNames((/*@__PURE__*/$parcel$interopDefault($2ebe8b6b61a3e4e2$exports)), 'spectrum-Card-footer'),
|
|
223
|
-
isHidden: isQuiet
|
|
224
|
-
},
|
|
225
|
-
divider: {
|
|
226
|
-
UNSAFE_className: $k8Xpo$classNames((/*@__PURE__*/$parcel$interopDefault($2ebe8b6b61a3e4e2$exports)), 'spectrum-Card-divider'),
|
|
227
|
-
size: 'S'
|
|
201
|
+
UNSAFE_className: $5HlfY$classNames((/*@__PURE__*/$parcel$interopDefault($468be5d76fe318d4$exports)), 'spectrum-Card-detail')
|
|
228
202
|
}
|
|
229
203
|
})
|
|
230
204
|
, [
|
|
231
205
|
titleProps,
|
|
232
206
|
contentProps,
|
|
233
|
-
|
|
207
|
+
height,
|
|
234
208
|
isQuiet,
|
|
235
209
|
orientation
|
|
236
210
|
]);
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
* ToDo: Choose between min-padding and plain ratio
|
|
249
|
-
* Do we want to just do a ratio measurement when it's close to being a square?
|
|
250
|
-
* or do we want to actually figure out min-padding?
|
|
251
|
-
* Min Padding would require us to check that the padding is not less than the min in both Vertical and Horizontal
|
|
252
|
-
* Unfortunately img contain doesn't actually create padding, which is what this math below can figure out
|
|
253
|
-
* Vs the commented out straight ratio check
|
|
254
|
-
* */ let imgTagHeight = image.clientHeight;
|
|
255
|
-
let imgTagWidth = image.clientWidth;
|
|
256
|
-
let ratio = Math.min(imgTagWidth / width, imgTagHeight / height);
|
|
257
|
-
let trueHeight = ratio * height;
|
|
258
|
-
let trueWidth = ratio * width;
|
|
259
|
-
let paddingVertical = imgTagHeight - trueHeight;
|
|
260
|
-
let paddingHorizontal = imgTagWidth - trueWidth;
|
|
261
|
-
if (paddingVertical < 16 && paddingHorizontal < 16) setIsCloseToSquare(true);
|
|
262
|
-
else setIsCloseToSquare(false);
|
|
263
|
-
// let ratio = height / width;
|
|
264
|
-
// if (ratio > 0.9 && ratio < 1.1) {
|
|
265
|
-
// setIsCloseToSquare(true);
|
|
266
|
-
// }
|
|
267
|
-
};
|
|
268
|
-
if (image.complete) measure();
|
|
269
|
-
else {
|
|
270
|
-
image.addEventListener('load', measure);
|
|
271
|
-
return ()=>{
|
|
272
|
-
image.removeEventListener('load', measure);
|
|
273
|
-
};
|
|
211
|
+
$5HlfY$useLayoutEffect(()=>{
|
|
212
|
+
if (gridRef?.current) {
|
|
213
|
+
let walker = $5HlfY$getFocusableTreeWalker(gridRef.current);
|
|
214
|
+
let nextNode = walker.nextNode();
|
|
215
|
+
while(nextNode != null){
|
|
216
|
+
if (checkboxRef.current && !checkboxRef.current.UNSAFE_getDOMNode().contains(nextNode)) {
|
|
217
|
+
console.warn('Card does not support focusable elements, please contact the team regarding your use case.');
|
|
218
|
+
break;
|
|
219
|
+
}
|
|
220
|
+
nextNode = walker.nextNode();
|
|
221
|
+
}
|
|
274
222
|
}
|
|
275
|
-
// ToDo: how to re-run if image src changes?
|
|
276
223
|
}, [
|
|
277
|
-
|
|
278
|
-
setIsCloseToSquare,
|
|
279
|
-
isQuiet,
|
|
280
|
-
layout
|
|
224
|
+
children
|
|
281
225
|
]);
|
|
282
|
-
return(/*#__PURE__*/ $
|
|
283
|
-
focusRingClass: $
|
|
284
|
-
}, /*#__PURE__*/ $
|
|
226
|
+
return(/*#__PURE__*/ $5HlfY$react.createElement($5HlfY$FocusRing, {
|
|
227
|
+
focusRingClass: $5HlfY$classNames((/*@__PURE__*/$parcel$interopDefault($468be5d76fe318d4$exports)), 'focus-ring')
|
|
228
|
+
}, /*#__PURE__*/ $5HlfY$react.createElement("article", {
|
|
285
229
|
...styleProps,
|
|
286
|
-
...$
|
|
230
|
+
...$5HlfY$mergeProps(cardProps, focusWithinProps, hoverProps, $5HlfY$filterDOMProps(props), articleProps),
|
|
287
231
|
ref: domRef,
|
|
288
|
-
className: $
|
|
232
|
+
className: $5HlfY$classNames((/*@__PURE__*/$parcel$interopDefault($468be5d76fe318d4$exports)), 'spectrum-Card', {
|
|
289
233
|
'spectrum-Card--default': !isQuiet && orientation !== 'horizontal',
|
|
290
234
|
'spectrum-Card--isQuiet': isQuiet && orientation !== 'horizontal',
|
|
291
235
|
'spectrum-Card--horizontal': orientation === 'horizontal',
|
|
292
|
-
'spectrum-Card--closeToSquare': isCloseToSquare,
|
|
293
236
|
'spectrum-Card--noPreview': !hasPreview,
|
|
294
237
|
'is-hovered': isHovered,
|
|
295
238
|
'is-focused': isFocused,
|
|
@@ -299,35 +242,36 @@ function $6b5e97142b400aef$var$CardBase(props, ref) {
|
|
|
299
242
|
'spectrum-Card--grid': layout === 'grid',
|
|
300
243
|
'spectrum-Card--noLayout': layout !== 'waterfall' && layout !== 'gallery' && layout !== 'grid'
|
|
301
244
|
}, styleProps.className)
|
|
302
|
-
}, /*#__PURE__*/ $
|
|
245
|
+
}, /*#__PURE__*/ $5HlfY$react.createElement("div", {
|
|
303
246
|
ref: gridRef,
|
|
304
|
-
className: $
|
|
305
|
-
}, manager && manager.selectionMode !== 'none' && /*#__PURE__*/ $
|
|
306
|
-
className: $
|
|
307
|
-
}, /*#__PURE__*/ $
|
|
247
|
+
className: $5HlfY$classNames((/*@__PURE__*/$parcel$interopDefault($468be5d76fe318d4$exports)), 'spectrum-Card-grid')
|
|
248
|
+
}, manager && manager.selectionMode !== 'none' && /*#__PURE__*/ $5HlfY$react.createElement("div", {
|
|
249
|
+
className: $5HlfY$classNames((/*@__PURE__*/$parcel$interopDefault($468be5d76fe318d4$exports)), 'spectrum-Card-checkboxWrapper')
|
|
250
|
+
}, /*#__PURE__*/ $5HlfY$react.createElement($5HlfY$Checkbox, {
|
|
251
|
+
ref: checkboxRef,
|
|
308
252
|
isDisabled: isDisabled,
|
|
309
253
|
excludeFromTabOrder: true,
|
|
310
254
|
isSelected: isSelected,
|
|
311
255
|
onChange: onChange,
|
|
312
|
-
UNSAFE_className: $
|
|
256
|
+
UNSAFE_className: $5HlfY$classNames((/*@__PURE__*/$parcel$interopDefault($468be5d76fe318d4$exports)), 'spectrum-Card-checkbox'),
|
|
313
257
|
isEmphasized: true,
|
|
314
258
|
"aria-label": "select"
|
|
315
|
-
})), /*#__PURE__*/ $
|
|
259
|
+
})), /*#__PURE__*/ $5HlfY$react.createElement($5HlfY$SlotProvider, {
|
|
316
260
|
slots: slots
|
|
317
|
-
},
|
|
318
|
-
className: $
|
|
261
|
+
}, children), /*#__PURE__*/ $5HlfY$react.createElement("div", {
|
|
262
|
+
className: $5HlfY$classNames((/*@__PURE__*/$parcel$interopDefault($468be5d76fe318d4$exports)), 'spectrum-Card-decoration')
|
|
319
263
|
})))));
|
|
320
264
|
}
|
|
321
|
-
function $
|
|
322
|
-
let titleId = $
|
|
323
|
-
let descriptionId = $
|
|
324
|
-
let titleProps = $
|
|
265
|
+
function $f5426ba654d120b1$var$useCard(props) {
|
|
266
|
+
let titleId = $5HlfY$useSlotId();
|
|
267
|
+
let descriptionId = $5HlfY$useSlotId();
|
|
268
|
+
let titleProps = $5HlfY$useMemo(()=>({
|
|
325
269
|
id: titleId
|
|
326
270
|
})
|
|
327
271
|
, [
|
|
328
272
|
titleId
|
|
329
273
|
]);
|
|
330
|
-
let contentProps = $
|
|
274
|
+
let contentProps = $5HlfY$useMemo(()=>({
|
|
331
275
|
id: descriptionId
|
|
332
276
|
})
|
|
333
277
|
, [
|
|
@@ -335,7 +279,7 @@ function $6b5e97142b400aef$var$useCard(props) {
|
|
|
335
279
|
]);
|
|
336
280
|
return {
|
|
337
281
|
cardProps: {
|
|
338
|
-
...$
|
|
282
|
+
...$5HlfY$filterDOMProps(props),
|
|
339
283
|
'aria-labelledby': titleId,
|
|
340
284
|
'aria-describedby': descriptionId,
|
|
341
285
|
tabIndex: 0
|
|
@@ -346,184 +290,184 @@ function $6b5e97142b400aef$var$useCard(props) {
|
|
|
346
290
|
}
|
|
347
291
|
/**
|
|
348
292
|
* TODO: Add description of component here.
|
|
349
|
-
*/ const $
|
|
293
|
+
*/ const $f5426ba654d120b1$export$7a6ccaf429ad93a8 = /*#__PURE__*/ $5HlfY$react.forwardRef($f5426ba654d120b1$var$CardBase);
|
|
350
294
|
|
|
351
295
|
|
|
352
296
|
|
|
353
297
|
|
|
354
298
|
|
|
355
|
-
var $
|
|
356
|
-
var $
|
|
357
|
-
$
|
|
299
|
+
var $a9688f93454e315e$exports = {};
|
|
300
|
+
var $f1c965522478470a$exports = {};
|
|
301
|
+
$f1c965522478470a$exports = JSON.parse("{\"loading\":\"جارٍ التحميل...\",\"loadingMore\":\"جارٍ تحميل المزيد...\"}");
|
|
358
302
|
|
|
359
303
|
|
|
360
|
-
var $
|
|
361
|
-
$
|
|
304
|
+
var $258f258c73b34140$exports = {};
|
|
305
|
+
$258f258c73b34140$exports = JSON.parse("{\"loading\":\"Зареждане...\",\"loadingMore\":\"Зареждане на още...\"}");
|
|
362
306
|
|
|
363
307
|
|
|
364
|
-
var $
|
|
365
|
-
$
|
|
308
|
+
var $ef5732194bb762aa$exports = {};
|
|
309
|
+
$ef5732194bb762aa$exports = JSON.parse("{\"loading\":\"Načítání...\",\"loadingMore\":\"Načítání dalších...\"}");
|
|
366
310
|
|
|
367
311
|
|
|
368
|
-
var $
|
|
369
|
-
$
|
|
312
|
+
var $2f662e6bd32420ed$exports = {};
|
|
313
|
+
$2f662e6bd32420ed$exports = JSON.parse("{\"loading\":\"Indlæser ...\",\"loadingMore\":\"Indlæser flere ...\"}");
|
|
370
314
|
|
|
371
315
|
|
|
372
|
-
var $
|
|
373
|
-
$
|
|
316
|
+
var $ddcbccb79eb91ada$exports = {};
|
|
317
|
+
$ddcbccb79eb91ada$exports = JSON.parse("{\"loading\":\"Laden...\",\"loadingMore\":\"Mehr laden ...\"}");
|
|
374
318
|
|
|
375
319
|
|
|
376
|
-
var $
|
|
377
|
-
$
|
|
320
|
+
var $41f63e79b056efb8$exports = {};
|
|
321
|
+
$41f63e79b056efb8$exports = JSON.parse("{\"loading\":\"Φόρτωση...\",\"loadingMore\":\"Φόρτωση περισσότερων...\"}");
|
|
378
322
|
|
|
379
323
|
|
|
380
|
-
var $
|
|
381
|
-
$
|
|
324
|
+
var $d70c30e5619eb73d$exports = {};
|
|
325
|
+
$d70c30e5619eb73d$exports = JSON.parse("{\"loading\":\"Loading…\",\"loadingMore\":\"Loading more…\"}");
|
|
382
326
|
|
|
383
327
|
|
|
384
|
-
var $
|
|
385
|
-
$
|
|
328
|
+
var $6af18440b4fc4304$exports = {};
|
|
329
|
+
$6af18440b4fc4304$exports = JSON.parse("{\"loading\":\"Cargando…\",\"loadingMore\":\"Cargando más…\"}");
|
|
386
330
|
|
|
387
331
|
|
|
388
|
-
var $
|
|
389
|
-
$
|
|
332
|
+
var $b256a08d7833d3fe$exports = {};
|
|
333
|
+
$b256a08d7833d3fe$exports = JSON.parse("{\"loading\":\"Laadimine...\",\"loadingMore\":\"Laadi rohkem...\"}");
|
|
390
334
|
|
|
391
335
|
|
|
392
|
-
var $
|
|
393
|
-
$
|
|
336
|
+
var $a2f84e7c5453c507$exports = {};
|
|
337
|
+
$a2f84e7c5453c507$exports = JSON.parse("{\"loading\":\"Ladataan…\",\"loadingMore\":\"Ladataan lisää…\"}");
|
|
394
338
|
|
|
395
339
|
|
|
396
|
-
var $
|
|
397
|
-
$
|
|
340
|
+
var $33476d0b38939258$exports = {};
|
|
341
|
+
$33476d0b38939258$exports = JSON.parse("{\"loading\":\"Chargement...\",\"loadingMore\":\"Chargement supplémentaire...\"}");
|
|
398
342
|
|
|
399
343
|
|
|
400
|
-
var $
|
|
401
|
-
$
|
|
344
|
+
var $c7acb2bb2d66bea1$exports = {};
|
|
345
|
+
$c7acb2bb2d66bea1$exports = JSON.parse("{\"loading\":\"טוען...\",\"loadingMore\":\"טוען עוד...\"}");
|
|
402
346
|
|
|
403
347
|
|
|
404
|
-
var $
|
|
405
|
-
$
|
|
348
|
+
var $8eaef8846866f180$exports = {};
|
|
349
|
+
$8eaef8846866f180$exports = JSON.parse("{\"loading\":\"Učitavam...\",\"loadingMore\":\"Učitavam još...\"}");
|
|
406
350
|
|
|
407
351
|
|
|
408
|
-
var $
|
|
409
|
-
$
|
|
352
|
+
var $1dcad2bb2e9add1c$exports = {};
|
|
353
|
+
$1dcad2bb2e9add1c$exports = JSON.parse("{\"loading\":\"Betöltés folyamatban…\",\"loadingMore\":\"Továbbiak betöltése folyamatban…\"}");
|
|
410
354
|
|
|
411
355
|
|
|
412
|
-
var $
|
|
413
|
-
$
|
|
356
|
+
var $be40348598307b09$exports = {};
|
|
357
|
+
$be40348598307b09$exports = JSON.parse("{\"loading\":\"Caricamento...\",\"loadingMore\":\"Caricamento altri...\"}");
|
|
414
358
|
|
|
415
359
|
|
|
416
|
-
var $
|
|
417
|
-
$
|
|
360
|
+
var $f261faeefcf5de9c$exports = {};
|
|
361
|
+
$f261faeefcf5de9c$exports = JSON.parse("{\"loading\":\"読み込み中...\",\"loadingMore\":\"さらに読み込み中...\"}");
|
|
418
362
|
|
|
419
363
|
|
|
420
|
-
var $
|
|
421
|
-
$
|
|
364
|
+
var $b1e6372a949b2b14$exports = {};
|
|
365
|
+
$b1e6372a949b2b14$exports = JSON.parse("{\"loading\":\"로드 중\",\"loadingMore\":\"추가 로드 중\"}");
|
|
422
366
|
|
|
423
367
|
|
|
424
|
-
var $
|
|
425
|
-
$
|
|
368
|
+
var $9be4abe6e0c32588$exports = {};
|
|
369
|
+
$9be4abe6e0c32588$exports = JSON.parse("{\"loading\":\"Įkeliama...\",\"loadingMore\":\"Įkeliama daugiau...\"}");
|
|
426
370
|
|
|
427
371
|
|
|
428
|
-
var $
|
|
429
|
-
$
|
|
372
|
+
var $4ea933677bb9459b$exports = {};
|
|
373
|
+
$4ea933677bb9459b$exports = JSON.parse("{\"loading\":\"Notiek ielāde...\",\"loadingMore\":\"Tiek ielādēts vēl...\"}");
|
|
430
374
|
|
|
431
375
|
|
|
432
|
-
var $
|
|
433
|
-
$
|
|
376
|
+
var $f58a9a8c00a78a53$exports = {};
|
|
377
|
+
$f58a9a8c00a78a53$exports = JSON.parse("{\"loading\":\"Laster inn ...\",\"loadingMore\":\"Laster inn flere ...\"}");
|
|
434
378
|
|
|
435
379
|
|
|
436
|
-
var $
|
|
437
|
-
$
|
|
380
|
+
var $d32ce0d586610c7b$exports = {};
|
|
381
|
+
$d32ce0d586610c7b$exports = JSON.parse("{\"loading\":\"Laden...\",\"loadingMore\":\"Meer laden...\"}");
|
|
438
382
|
|
|
439
383
|
|
|
440
|
-
var $
|
|
441
|
-
$
|
|
384
|
+
var $da9f25495891194a$exports = {};
|
|
385
|
+
$da9f25495891194a$exports = JSON.parse("{\"loading\":\"Ładowanie...\",\"loadingMore\":\"Wczytywanie większej liczby...\"}");
|
|
442
386
|
|
|
443
387
|
|
|
444
|
-
var $
|
|
445
|
-
$
|
|
388
|
+
var $bb528c17e67c1487$exports = {};
|
|
389
|
+
$bb528c17e67c1487$exports = JSON.parse("{\"loading\":\"Carregando...\",\"loadingMore\":\"Carregando mais...\"}");
|
|
446
390
|
|
|
447
391
|
|
|
448
|
-
var $
|
|
449
|
-
$
|
|
392
|
+
var $8df1aa3ea22785a5$exports = {};
|
|
393
|
+
$8df1aa3ea22785a5$exports = JSON.parse("{\"loading\":\"A carregar...\",\"loadingMore\":\"A carregar mais...\"}");
|
|
450
394
|
|
|
451
395
|
|
|
452
|
-
var $
|
|
453
|
-
$
|
|
396
|
+
var $0e96de4cf068fb4b$exports = {};
|
|
397
|
+
$0e96de4cf068fb4b$exports = JSON.parse("{\"loading\":\"Se încarcă...\",\"loadingMore\":\"Se încarcă mai multe...\"}");
|
|
454
398
|
|
|
455
399
|
|
|
456
|
-
var $
|
|
457
|
-
$
|
|
400
|
+
var $2db0e6b44aa05e23$exports = {};
|
|
401
|
+
$2db0e6b44aa05e23$exports = JSON.parse("{\"loading\":\"Загрузка...\",\"loadingMore\":\"Дополнительная загрузка...\"}");
|
|
458
402
|
|
|
459
403
|
|
|
460
|
-
var $
|
|
461
|
-
$
|
|
404
|
+
var $cc404e3773f146c7$exports = {};
|
|
405
|
+
$cc404e3773f146c7$exports = JSON.parse("{\"loading\":\"Načítava sa...\",\"loadingMore\":\"Načítava sa viac...\"}");
|
|
462
406
|
|
|
463
407
|
|
|
464
|
-
var $
|
|
465
|
-
$
|
|
408
|
+
var $69d915fc7f90e25a$exports = {};
|
|
409
|
+
$69d915fc7f90e25a$exports = JSON.parse("{\"loading\":\"Nalaganje...\",\"loadingMore\":\"Nalaganje več vsebine...\"}");
|
|
466
410
|
|
|
467
411
|
|
|
468
|
-
var $
|
|
469
|
-
$
|
|
412
|
+
var $a29e14b46a3cea56$exports = {};
|
|
413
|
+
$a29e14b46a3cea56$exports = JSON.parse("{\"loading\":\"Učitavam...\",\"loadingMore\":\"Učitavam još...\"}");
|
|
470
414
|
|
|
471
415
|
|
|
472
|
-
var $
|
|
473
|
-
$
|
|
416
|
+
var $cb43852ba88bffdc$exports = {};
|
|
417
|
+
$cb43852ba88bffdc$exports = JSON.parse("{\"loading\":\"Läser in...\",\"loadingMore\":\"Läser in mer...\"}");
|
|
474
418
|
|
|
475
419
|
|
|
476
|
-
var $
|
|
477
|
-
$
|
|
420
|
+
var $0467302e539f6db7$exports = {};
|
|
421
|
+
$0467302e539f6db7$exports = JSON.parse("{\"loading\":\"Yükleniyor...\",\"loadingMore\":\"Daha fazla yükleniyor...\"}");
|
|
478
422
|
|
|
479
423
|
|
|
480
|
-
var $
|
|
481
|
-
$
|
|
424
|
+
var $5bfb6b3edb939b39$exports = {};
|
|
425
|
+
$5bfb6b3edb939b39$exports = JSON.parse("{\"loading\":\"Завантаження…\",\"loadingMore\":\"Завантаження інших об’єктів...\"}");
|
|
482
426
|
|
|
483
427
|
|
|
484
|
-
var $
|
|
485
|
-
$
|
|
428
|
+
var $0a49c0d8a03dff24$exports = {};
|
|
429
|
+
$0a49c0d8a03dff24$exports = JSON.parse("{\"loading\":\"正在加载...\",\"loadingMore\":\"正在加载更多...\"}");
|
|
486
430
|
|
|
487
431
|
|
|
488
|
-
var $
|
|
489
|
-
$
|
|
432
|
+
var $53b72944f95de503$exports = {};
|
|
433
|
+
$53b72944f95de503$exports = JSON.parse("{\"loading\":\"正在載入\",\"loadingMore\":\"正在載入更多…\"}");
|
|
490
434
|
|
|
491
435
|
|
|
492
|
-
$
|
|
493
|
-
"ar-AE": $
|
|
494
|
-
"bg-BG": $
|
|
495
|
-
"cs-CZ": $
|
|
496
|
-
"da-DK": $
|
|
497
|
-
"de-DE": $
|
|
498
|
-
"el-GR": $
|
|
499
|
-
"en-US": $
|
|
500
|
-
"es-ES": $
|
|
501
|
-
"et-EE": $
|
|
502
|
-
"fi-FI": $
|
|
503
|
-
"fr-FR": $
|
|
504
|
-
"he-IL": $
|
|
505
|
-
"hr-HR": $
|
|
506
|
-
"hu-HU": $
|
|
507
|
-
"it-IT": $
|
|
508
|
-
"ja-JP": $
|
|
509
|
-
"ko-KR": $
|
|
510
|
-
"lt-LT": $
|
|
511
|
-
"lv-LV": $
|
|
512
|
-
"nb-NO": $
|
|
513
|
-
"nl-NL": $
|
|
514
|
-
"pl-PL": $
|
|
515
|
-
"pt-BR": $
|
|
516
|
-
"pt-PT": $
|
|
517
|
-
"ro-RO": $
|
|
518
|
-
"ru-RU": $
|
|
519
|
-
"sk-SK": $
|
|
520
|
-
"sl-SI": $
|
|
521
|
-
"sr-SP": $
|
|
522
|
-
"sv-SE": $
|
|
523
|
-
"tr-TR": $
|
|
524
|
-
"uk-UA": $
|
|
525
|
-
"zh-CN": $
|
|
526
|
-
"zh-TW": $
|
|
436
|
+
$a9688f93454e315e$exports = {
|
|
437
|
+
"ar-AE": $f1c965522478470a$exports,
|
|
438
|
+
"bg-BG": $258f258c73b34140$exports,
|
|
439
|
+
"cs-CZ": $ef5732194bb762aa$exports,
|
|
440
|
+
"da-DK": $2f662e6bd32420ed$exports,
|
|
441
|
+
"de-DE": $ddcbccb79eb91ada$exports,
|
|
442
|
+
"el-GR": $41f63e79b056efb8$exports,
|
|
443
|
+
"en-US": $d70c30e5619eb73d$exports,
|
|
444
|
+
"es-ES": $6af18440b4fc4304$exports,
|
|
445
|
+
"et-EE": $b256a08d7833d3fe$exports,
|
|
446
|
+
"fi-FI": $a2f84e7c5453c507$exports,
|
|
447
|
+
"fr-FR": $33476d0b38939258$exports,
|
|
448
|
+
"he-IL": $c7acb2bb2d66bea1$exports,
|
|
449
|
+
"hr-HR": $8eaef8846866f180$exports,
|
|
450
|
+
"hu-HU": $1dcad2bb2e9add1c$exports,
|
|
451
|
+
"it-IT": $be40348598307b09$exports,
|
|
452
|
+
"ja-JP": $f261faeefcf5de9c$exports,
|
|
453
|
+
"ko-KR": $b1e6372a949b2b14$exports,
|
|
454
|
+
"lt-LT": $9be4abe6e0c32588$exports,
|
|
455
|
+
"lv-LV": $4ea933677bb9459b$exports,
|
|
456
|
+
"nb-NO": $f58a9a8c00a78a53$exports,
|
|
457
|
+
"nl-NL": $d32ce0d586610c7b$exports,
|
|
458
|
+
"pl-PL": $da9f25495891194a$exports,
|
|
459
|
+
"pt-BR": $bb528c17e67c1487$exports,
|
|
460
|
+
"pt-PT": $8df1aa3ea22785a5$exports,
|
|
461
|
+
"ro-RO": $0e96de4cf068fb4b$exports,
|
|
462
|
+
"ru-RU": $2db0e6b44aa05e23$exports,
|
|
463
|
+
"sk-SK": $cc404e3773f146c7$exports,
|
|
464
|
+
"sl-SI": $69d915fc7f90e25a$exports,
|
|
465
|
+
"sr-SP": $a29e14b46a3cea56$exports,
|
|
466
|
+
"sv-SE": $cb43852ba88bffdc$exports,
|
|
467
|
+
"tr-TR": $0467302e539f6db7$exports,
|
|
468
|
+
"uk-UA": $5bfb6b3edb939b39$exports,
|
|
469
|
+
"zh-CN": $0a49c0d8a03dff24$exports,
|
|
470
|
+
"zh-TW": $53b72944f95de503$exports
|
|
527
471
|
};
|
|
528
472
|
|
|
529
473
|
|
|
@@ -535,17 +479,17 @@ $a73b431571b8acdf$exports = {
|
|
|
535
479
|
|
|
536
480
|
|
|
537
481
|
|
|
538
|
-
function $
|
|
539
|
-
let { scale: scale } = $
|
|
540
|
-
let { styleProps: styleProps } = $
|
|
541
|
-
let domRef = $
|
|
482
|
+
function $c6398e7007a75897$var$CardView(props, ref) {
|
|
483
|
+
let { scale: scale } = $5HlfY$useProvider();
|
|
484
|
+
let { styleProps: styleProps } = $5HlfY$useStyleProps(props);
|
|
485
|
+
let domRef = $5HlfY$useDOMRef(ref);
|
|
542
486
|
let { isQuiet: isQuiet , renderEmptyState: renderEmptyState , layout: layout , loadingState: loadingState , onLoadMore: onLoadMore , cardOrientation: cardOrientation = 'vertical' } = props;
|
|
543
|
-
let collator = $
|
|
487
|
+
let collator = $5HlfY$useCollator({
|
|
544
488
|
usage: 'search',
|
|
545
489
|
sensitivity: 'base'
|
|
546
490
|
});
|
|
547
491
|
let isLoading = loadingState === 'loading' || loadingState === 'loadingMore';
|
|
548
|
-
let cardViewLayout = $
|
|
492
|
+
let cardViewLayout = $5HlfY$useMemo(()=>typeof layout === 'function' ? new layout({
|
|
549
493
|
collator: collator,
|
|
550
494
|
cardOrientation: cardOrientation,
|
|
551
495
|
scale: scale
|
|
@@ -557,10 +501,10 @@ function $49e01256efa8773b$var$CardView(props, ref) {
|
|
|
557
501
|
scale
|
|
558
502
|
]);
|
|
559
503
|
let layoutType = cardViewLayout.layoutType;
|
|
560
|
-
let formatMessage = $
|
|
561
|
-
let { direction: direction } = $
|
|
562
|
-
let { collection: collection } = $
|
|
563
|
-
let gridCollection = $
|
|
504
|
+
let formatMessage = $5HlfY$useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($a9688f93454e315e$exports)));
|
|
505
|
+
let { direction: direction } = $5HlfY$useLocale();
|
|
506
|
+
let { collection: collection } = $5HlfY$useListState(props);
|
|
507
|
+
let gridCollection = $5HlfY$useMemo(()=>new $5HlfY$GridCollection({
|
|
564
508
|
columnCount: 1,
|
|
565
509
|
items: [
|
|
566
510
|
...collection
|
|
@@ -586,7 +530,7 @@ function $49e01256efa8773b$var$CardView(props, ref) {
|
|
|
586
530
|
, [
|
|
587
531
|
collection
|
|
588
532
|
]);
|
|
589
|
-
let state = $
|
|
533
|
+
let state = $5HlfY$useGridState({
|
|
590
534
|
...props,
|
|
591
535
|
selectionMode: cardOrientation === 'horizontal' && layoutType === 'grid' ? 'none' : props.selectionMode,
|
|
592
536
|
collection: gridCollection,
|
|
@@ -596,12 +540,12 @@ function $49e01256efa8773b$var$CardView(props, ref) {
|
|
|
596
540
|
cardViewLayout.disabledKeys = state.disabledKeys;
|
|
597
541
|
cardViewLayout.isLoading = isLoading;
|
|
598
542
|
cardViewLayout.direction = direction;
|
|
599
|
-
let { gridProps: gridProps } = $
|
|
543
|
+
let { gridProps: gridProps } = $5HlfY$useGrid({
|
|
600
544
|
...props,
|
|
601
545
|
isVirtualized: true,
|
|
602
546
|
keyboardDelegate: cardViewLayout
|
|
603
547
|
}, state, domRef);
|
|
604
|
-
let renderWrapper = (parent, reusableView)=>/*#__PURE__*/ $
|
|
548
|
+
let renderWrapper = (parent, reusableView)=>/*#__PURE__*/ $5HlfY$react.createElement($5HlfY$VirtualizerItem, {
|
|
605
549
|
key: reusableView.key,
|
|
606
550
|
reusableView: reusableView,
|
|
607
551
|
parent: parent
|
|
@@ -612,7 +556,7 @@ function $49e01256efa8773b$var$CardView(props, ref) {
|
|
|
612
556
|
if (focusedItem?.parentKey != null) focusedKey = focusedItem.parentKey;
|
|
613
557
|
let margin = cardViewLayout.margin || 0;
|
|
614
558
|
let virtualizer = cardViewLayout.virtualizer;
|
|
615
|
-
let scrollToItem = $
|
|
559
|
+
let scrollToItem = $5HlfY$useCallback((key)=>{
|
|
616
560
|
virtualizer && virtualizer.scrollToItem(key, {
|
|
617
561
|
duration: 0,
|
|
618
562
|
offsetY: margin
|
|
@@ -622,17 +566,17 @@ function $49e01256efa8773b$var$CardView(props, ref) {
|
|
|
622
566
|
virtualizer
|
|
623
567
|
]);
|
|
624
568
|
// TODO: does aria-row count and aria-col count need to be modified? Perhaps aria-col count needs to be omitted
|
|
625
|
-
return(/*#__PURE__*/ $
|
|
569
|
+
return(/*#__PURE__*/ $5HlfY$react.createElement($9a000cf0a62ebe41$export$64992ac69f286e5c.Provider, {
|
|
626
570
|
value: {
|
|
627
571
|
state: state,
|
|
628
572
|
isQuiet: isQuiet,
|
|
629
573
|
layout: cardViewLayout,
|
|
630
574
|
cardOrientation: cardOrientation
|
|
631
575
|
}
|
|
632
|
-
}, /*#__PURE__*/ $
|
|
576
|
+
}, /*#__PURE__*/ $5HlfY$react.createElement($5HlfY$Virtualizer, {
|
|
633
577
|
...gridProps,
|
|
634
578
|
...styleProps,
|
|
635
|
-
className: $
|
|
579
|
+
className: $5HlfY$classNames((/*@__PURE__*/$parcel$interopDefault($468be5d76fe318d4$exports)), 'spectrum-CardView'),
|
|
636
580
|
ref: domRef,
|
|
637
581
|
focusedKey: focusedKey,
|
|
638
582
|
scrollDirection: "vertical",
|
|
@@ -644,55 +588,59 @@ function $49e01256efa8773b$var$CardView(props, ref) {
|
|
|
644
588
|
transitionDuration: isLoading ? 160 : 220,
|
|
645
589
|
scrollToItem: scrollToItem
|
|
646
590
|
}, (type, item)=>{
|
|
647
|
-
if (type === 'item') return(/*#__PURE__*/ $
|
|
591
|
+
if (type === 'item') return(/*#__PURE__*/ $5HlfY$react.createElement($c6398e7007a75897$var$InternalCard, {
|
|
648
592
|
item: item
|
|
649
593
|
}));
|
|
650
|
-
else if (type === 'loader') return(/*#__PURE__*/ $
|
|
594
|
+
else if (type === 'loader') return(/*#__PURE__*/ $5HlfY$react.createElement($c6398e7007a75897$var$CenteredWrapper, null, /*#__PURE__*/ $5HlfY$react.createElement($5HlfY$ProgressCircle, {
|
|
651
595
|
isIndeterminate: true,
|
|
652
596
|
"aria-label": state.collection.size > 0 ? formatMessage('loadingMore') : formatMessage('loading')
|
|
653
597
|
})));
|
|
654
598
|
else if (type === 'placeholder') {
|
|
655
599
|
let emptyState = renderEmptyState ? renderEmptyState() : null;
|
|
656
600
|
if (emptyState == null) return null;
|
|
657
|
-
return(/*#__PURE__*/ $
|
|
601
|
+
return(/*#__PURE__*/ $5HlfY$react.createElement($c6398e7007a75897$var$CenteredWrapper, null, emptyState));
|
|
658
602
|
}
|
|
659
603
|
})));
|
|
660
604
|
}
|
|
661
|
-
function $
|
|
662
|
-
let { state: state } = $
|
|
663
|
-
return(/*#__PURE__*/ $
|
|
605
|
+
function $c6398e7007a75897$var$CenteredWrapper({ children: children }) {
|
|
606
|
+
let { state: state } = $9a000cf0a62ebe41$export$fea0b38586ec8f13();
|
|
607
|
+
return(/*#__PURE__*/ $5HlfY$react.createElement("div", {
|
|
664
608
|
role: "row",
|
|
665
609
|
"aria-rowindex": state.collection.size + 1,
|
|
666
|
-
className: $
|
|
667
|
-
}, /*#__PURE__*/ $
|
|
610
|
+
className: $5HlfY$classNames((/*@__PURE__*/$parcel$interopDefault($468be5d76fe318d4$exports)), 'spectrum-CardView-centeredWrapper')
|
|
611
|
+
}, /*#__PURE__*/ $5HlfY$react.createElement("div", {
|
|
668
612
|
role: "gridcell"
|
|
669
613
|
}, children)));
|
|
670
614
|
}
|
|
671
|
-
function $
|
|
615
|
+
function $c6398e7007a75897$var$InternalCard(props) {
|
|
672
616
|
let { item: item } = props;
|
|
673
617
|
let cellNode = [
|
|
674
618
|
...item.childNodes
|
|
675
619
|
][0];
|
|
676
|
-
let { state: state , cardOrientation: cardOrientation , isQuiet: isQuiet , layout: layout } = $
|
|
620
|
+
let { state: state , cardOrientation: cardOrientation , isQuiet: isQuiet , layout: layout } = $9a000cf0a62ebe41$export$fea0b38586ec8f13();
|
|
677
621
|
let layoutType = layout.layoutType;
|
|
678
|
-
let rowRef = $
|
|
679
|
-
let cellRef = $
|
|
680
|
-
let unwrappedRef = $
|
|
681
|
-
let { rowProps: rowProps } = $
|
|
622
|
+
let rowRef = $5HlfY$useRef();
|
|
623
|
+
let cellRef = $5HlfY$useRef();
|
|
624
|
+
let unwrappedRef = $5HlfY$useUnwrapDOMRef(cellRef);
|
|
625
|
+
let { rowProps: rowProps } = $5HlfY$useGridRow({
|
|
682
626
|
node: item,
|
|
683
627
|
isVirtualized: true
|
|
684
628
|
}, state, rowRef);
|
|
685
|
-
let { gridCellProps: gridCellProps } = $
|
|
629
|
+
let { gridCellProps: gridCellProps } = $5HlfY$useGridCell({
|
|
686
630
|
node: cellNode,
|
|
687
631
|
focusMode: 'cell'
|
|
688
632
|
}, state, unwrappedRef);
|
|
689
633
|
if (layoutType === 'grid' || layoutType === 'gallery') isQuiet = true;
|
|
690
634
|
if (layoutType !== 'grid') cardOrientation = 'vertical';
|
|
691
|
-
|
|
635
|
+
// We don't want to focus the checkbox (or any other focusable elements) within the Card
|
|
636
|
+
// when pressing the arrow keys so we delete the key down handler here. Arrow key navigation between
|
|
637
|
+
// the cards in the CardView is handled by useGrid => useSelectableCollection instead.
|
|
638
|
+
delete gridCellProps.onKeyDownCapture;
|
|
639
|
+
return(/*#__PURE__*/ $5HlfY$react.createElement("div", {
|
|
692
640
|
...rowProps,
|
|
693
641
|
ref: rowRef,
|
|
694
|
-
className: $
|
|
695
|
-
}, /*#__PURE__*/ $
|
|
642
|
+
className: $5HlfY$classNames((/*@__PURE__*/$parcel$interopDefault($468be5d76fe318d4$exports)), 'spectrum-CardView-row')
|
|
643
|
+
}, /*#__PURE__*/ $5HlfY$react.createElement($f5426ba654d120b1$export$7a6ccaf429ad93a8, {
|
|
696
644
|
ref: cellRef,
|
|
697
645
|
articleProps: gridCellProps,
|
|
698
646
|
isQuiet: isQuiet,
|
|
@@ -703,14 +651,14 @@ function $49e01256efa8773b$var$InternalCard(props) {
|
|
|
703
651
|
}
|
|
704
652
|
/**
|
|
705
653
|
* TODO: Add description of component here.
|
|
706
|
-
*/ const $
|
|
654
|
+
*/ const $c6398e7007a75897$export$7e52c821f7b6f422 = /*#__PURE__*/ $5HlfY$react.forwardRef($c6398e7007a75897$var$CardView);
|
|
707
655
|
|
|
708
656
|
|
|
709
|
-
var $
|
|
657
|
+
var $a4ebacd960847d9c$exports = {};
|
|
710
658
|
|
|
711
|
-
$parcel$export($
|
|
659
|
+
$parcel$export($a4ebacd960847d9c$exports, "GalleryLayout", () => $a4ebacd960847d9c$export$8e52095834484b61);
|
|
712
660
|
|
|
713
|
-
class $
|
|
661
|
+
class $5fa895c7c356fbff$export$64943d2e59d72a29 extends $5HlfY$Layout {
|
|
714
662
|
constructor(options = {
|
|
715
663
|
}){
|
|
716
664
|
super();
|
|
@@ -786,7 +734,7 @@ class $ce95ffe2429f6396$export$64943d2e59d72a29 extends $k8Xpo$Layout {
|
|
|
786
734
|
// Expected key is the currently focused cell so we need the parent row key
|
|
787
735
|
let parentRowKey = this.collection.getItem(key).parentKey;
|
|
788
736
|
let layoutInfo = this.getLayoutInfo(parentRowKey);
|
|
789
|
-
let rect = new $
|
|
737
|
+
let rect = new $5HlfY$Rect(layoutInfo.rect.x, layoutInfo.rect.maxY + 1, layoutInfo.rect.width, this.virtualizer.visibleRect.height);
|
|
790
738
|
let closestRow = this.collection.getItem(this._findClosest(layoutInfo.rect, rect)?.key);
|
|
791
739
|
return closestRow?.childNodes[0]?.key;
|
|
792
740
|
}
|
|
@@ -794,7 +742,7 @@ class $ce95ffe2429f6396$export$64943d2e59d72a29 extends $k8Xpo$Layout {
|
|
|
794
742
|
// Expected key is the currently focused cell so we need the parent row key
|
|
795
743
|
let parentRowKey = this.collection.getItem(key).parentKey;
|
|
796
744
|
let layoutInfo = this.getLayoutInfo(parentRowKey);
|
|
797
|
-
let rect = new $
|
|
745
|
+
let rect = new $5HlfY$Rect(layoutInfo.rect.x, 0, layoutInfo.rect.width, layoutInfo.rect.y - 1);
|
|
798
746
|
let closestRow = this.collection.getItem(this._findClosest(layoutInfo.rect, rect)?.key);
|
|
799
747
|
return closestRow?.childNodes[0]?.key;
|
|
800
748
|
}
|
|
@@ -898,38 +846,38 @@ class $ce95ffe2429f6396$export$64943d2e59d72a29 extends $k8Xpo$Layout {
|
|
|
898
846
|
|
|
899
847
|
|
|
900
848
|
|
|
901
|
-
const $
|
|
849
|
+
const $a4ebacd960847d9c$var$DEFAULT_OPTIONS = {
|
|
902
850
|
S: {
|
|
903
851
|
idealRowHeight: 112,
|
|
904
|
-
minItemSize: new $
|
|
905
|
-
itemSpacing: new $
|
|
852
|
+
minItemSize: new $5HlfY$Size(96, 96),
|
|
853
|
+
itemSpacing: new $5HlfY$Size(8, 16),
|
|
906
854
|
itemPadding: 24,
|
|
907
855
|
dropSpacing: 50,
|
|
908
856
|
margin: 8
|
|
909
857
|
},
|
|
910
858
|
L: {
|
|
911
859
|
idealRowHeight: 208,
|
|
912
|
-
minItemSize: new $
|
|
913
|
-
itemSpacing: new $
|
|
860
|
+
minItemSize: new $5HlfY$Size(136, 136),
|
|
861
|
+
itemSpacing: new $5HlfY$Size(18, 18),
|
|
914
862
|
itemPadding: {
|
|
915
|
-
'medium':
|
|
916
|
-
'large':
|
|
863
|
+
'medium': 78,
|
|
864
|
+
'large': 99
|
|
917
865
|
},
|
|
918
866
|
dropSpacing: 100,
|
|
919
867
|
margin: 24
|
|
920
868
|
}
|
|
921
869
|
};
|
|
922
|
-
class $
|
|
870
|
+
class $a4ebacd960847d9c$export$8e52095834484b61 extends $5fa895c7c356fbff$export$64943d2e59d72a29 {
|
|
923
871
|
constructor(options = {
|
|
924
872
|
}){
|
|
925
873
|
super(options);
|
|
926
874
|
let cardSize = 'L';
|
|
927
|
-
this.idealRowHeight = options.idealRowHeight || $
|
|
928
|
-
this.itemSpacing = options.itemSpacing || $
|
|
929
|
-
this.itemPadding = options.itemPadding != null ? options.itemPadding : $
|
|
930
|
-
this.minItemSize = options.minItemSize || $
|
|
875
|
+
this.idealRowHeight = options.idealRowHeight || $a4ebacd960847d9c$var$DEFAULT_OPTIONS[cardSize].idealRowHeight;
|
|
876
|
+
this.itemSpacing = options.itemSpacing || $a4ebacd960847d9c$var$DEFAULT_OPTIONS[cardSize].itemSpacing;
|
|
877
|
+
this.itemPadding = options.itemPadding != null ? options.itemPadding : $a4ebacd960847d9c$var$DEFAULT_OPTIONS[cardSize].itemPadding[this.scale];
|
|
878
|
+
this.minItemSize = options.minItemSize || $a4ebacd960847d9c$var$DEFAULT_OPTIONS[cardSize].minItemSize;
|
|
931
879
|
this.threshold = options.threshold || 1;
|
|
932
|
-
this.margin = options.margin != null ? options.margin : $
|
|
880
|
+
this.margin = options.margin != null ? options.margin : $a4ebacd960847d9c$var$DEFAULT_OPTIONS[cardSize].margin;
|
|
933
881
|
}
|
|
934
882
|
get layoutType() {
|
|
935
883
|
return 'gallery';
|
|
@@ -998,7 +946,7 @@ class $22fcfd471bc7ee86$export$8e52095834484b61 extends $ce95ffe2429f6396$export
|
|
|
998
946
|
if (availableWidth <= this.minItemSize.width * 2 + this.itemPadding * 2) rows = this.collection.size;
|
|
999
947
|
let weightedRatios = ratios.map((ratio)=>ratio < this.threshold ? ratio + 0.5 * (1 / ratio) : ratio
|
|
1000
948
|
);
|
|
1001
|
-
let partition = $
|
|
949
|
+
let partition = $a4ebacd960847d9c$var$linearPartition(weightedRatios, rows);
|
|
1002
950
|
let index = 0;
|
|
1003
951
|
for (let row of partition){
|
|
1004
952
|
// Compute the total weight for this row
|
|
@@ -1026,8 +974,8 @@ class $22fcfd471bc7ee86$export$8e52095834484b61 extends $ce95ffe2429f6396$export
|
|
|
1026
974
|
for(let j2 = index; j2 < index + row.length; j2++){
|
|
1027
975
|
let node = this.collection.rows[j2];
|
|
1028
976
|
let itemWidth = Math.max(widths[j2 - index][1], this.minItemSize.width);
|
|
1029
|
-
let rect = new $
|
|
1030
|
-
let layoutInfo = new $
|
|
977
|
+
let rect = new $5HlfY$Rect(x, y, itemWidth, itemHeight);
|
|
978
|
+
let layoutInfo = new $5HlfY$LayoutInfo(node.type, node.key, rect);
|
|
1031
979
|
layoutInfo.allowOverflow = true;
|
|
1032
980
|
this.layoutInfos.set(node.key, layoutInfo);
|
|
1033
981
|
x += itemWidth + this.itemSpacing.width;
|
|
@@ -1044,23 +992,23 @@ class $22fcfd471bc7ee86$export$8e52095834484b61 extends $ce95ffe2429f6396$export
|
|
|
1044
992
|
loaderY = 0;
|
|
1045
993
|
loaderHeight = visibleHeight || 60;
|
|
1046
994
|
}
|
|
1047
|
-
let rect = new $
|
|
1048
|
-
let loader = new $
|
|
995
|
+
let rect = new $5HlfY$Rect(0, loaderY, visibleWidth, loaderHeight);
|
|
996
|
+
let loader = new $5HlfY$LayoutInfo('loader', 'loader', rect);
|
|
1049
997
|
this.layoutInfos.set('loader', loader);
|
|
1050
998
|
y = loader.rect.maxY;
|
|
1051
999
|
}
|
|
1052
1000
|
if (this.collection.size === 0 && !this.isLoading) {
|
|
1053
|
-
let rect = new $
|
|
1054
|
-
let placeholder = new $
|
|
1001
|
+
let rect = new $5HlfY$Rect(0, 0, visibleWidth, visibleHeight);
|
|
1002
|
+
let placeholder = new $5HlfY$LayoutInfo('placeholder', 'placeholder', rect);
|
|
1055
1003
|
this.layoutInfos.set('placeholder', placeholder);
|
|
1056
1004
|
y = placeholder.rect.maxY;
|
|
1057
1005
|
}
|
|
1058
1006
|
}
|
|
1059
|
-
this.contentSize = new $
|
|
1007
|
+
this.contentSize = new $5HlfY$Size(visibleWidth, y);
|
|
1060
1008
|
}
|
|
1061
1009
|
}
|
|
1062
1010
|
// https://www8.cs.umu.se/kurser/TDBA77/VT06/algorithms/BOOK/BOOK2/NODE45.HTM
|
|
1063
|
-
function $
|
|
1011
|
+
function $a4ebacd960847d9c$var$linearPartition(seq, k) {
|
|
1064
1012
|
let n = seq.length;
|
|
1065
1013
|
if (k <= 0) return [];
|
|
1066
1014
|
if (k >= n) return seq.map((x)=>[
|
|
@@ -1110,20 +1058,20 @@ function $22fcfd471bc7ee86$var$linearPartition(seq, k) {
|
|
|
1110
1058
|
}
|
|
1111
1059
|
|
|
1112
1060
|
|
|
1113
|
-
var $
|
|
1061
|
+
var $518ec229733533c6$exports = {};
|
|
1114
1062
|
|
|
1115
|
-
$parcel$export($
|
|
1063
|
+
$parcel$export($518ec229733533c6$exports, "GridLayout", () => $518ec229733533c6$export$7d2b12578154a735);
|
|
1116
1064
|
|
|
1117
1065
|
|
|
1118
|
-
const $
|
|
1066
|
+
const $518ec229733533c6$var$DEFAULT_OPTIONS = {
|
|
1119
1067
|
S: {
|
|
1120
1068
|
itemPadding: 20,
|
|
1121
1069
|
minItemSize: {
|
|
1122
|
-
'vertical': new $
|
|
1070
|
+
'vertical': new $5HlfY$Size(96, 96)
|
|
1123
1071
|
},
|
|
1124
|
-
maxItemSize: new $
|
|
1072
|
+
maxItemSize: new $5HlfY$Size(Infinity, Infinity),
|
|
1125
1073
|
margin: 8,
|
|
1126
|
-
minSpace: new $
|
|
1074
|
+
minSpace: new $5HlfY$Size(6, 6),
|
|
1127
1075
|
maxColumns: Infinity,
|
|
1128
1076
|
dropSpacing: 50
|
|
1129
1077
|
},
|
|
@@ -1139,28 +1087,28 @@ const $95ff4527af603d7e$var$DEFAULT_OPTIONS = {
|
|
|
1139
1087
|
}
|
|
1140
1088
|
},
|
|
1141
1089
|
minItemSize: {
|
|
1142
|
-
'vertical': new $
|
|
1143
|
-
'horizontal': new $
|
|
1090
|
+
'vertical': new $5HlfY$Size(208, 208),
|
|
1091
|
+
'horizontal': new $5HlfY$Size(102, 102)
|
|
1144
1092
|
},
|
|
1145
|
-
maxItemSize: new $
|
|
1093
|
+
maxItemSize: new $5HlfY$Size(Infinity, Infinity),
|
|
1146
1094
|
margin: 24,
|
|
1147
|
-
minSpace: new $
|
|
1095
|
+
minSpace: new $5HlfY$Size(18, 18),
|
|
1148
1096
|
maxColumns: Infinity,
|
|
1149
1097
|
dropSpacing: 100
|
|
1150
1098
|
}
|
|
1151
1099
|
};
|
|
1152
|
-
class $
|
|
1100
|
+
class $518ec229733533c6$export$7d2b12578154a735 extends $5fa895c7c356fbff$export$64943d2e59d72a29 {
|
|
1153
1101
|
constructor(options = {
|
|
1154
1102
|
}){
|
|
1155
1103
|
super(options);
|
|
1156
1104
|
let cardSize = 'L';
|
|
1157
1105
|
this.cardOrientation = options.cardOrientation || 'vertical';
|
|
1158
|
-
this.minItemSize = options.minItemSize || $
|
|
1159
|
-
this.maxItemSize = options.maxItemSize || $
|
|
1160
|
-
this.margin = options.margin != null ? options.margin : $
|
|
1161
|
-
this.minSpace = options.minSpace || $
|
|
1162
|
-
this.maxColumns = options.maxColumns || $
|
|
1163
|
-
this.itemPadding = options.itemPadding != null ? options.itemPadding : $
|
|
1106
|
+
this.minItemSize = options.minItemSize || $518ec229733533c6$var$DEFAULT_OPTIONS[cardSize].minItemSize[this.cardOrientation];
|
|
1107
|
+
this.maxItemSize = options.maxItemSize || $518ec229733533c6$var$DEFAULT_OPTIONS[cardSize].maxItemSize;
|
|
1108
|
+
this.margin = options.margin != null ? options.margin : $518ec229733533c6$var$DEFAULT_OPTIONS[cardSize].margin;
|
|
1109
|
+
this.minSpace = options.minSpace || $518ec229733533c6$var$DEFAULT_OPTIONS[cardSize].minSpace;
|
|
1110
|
+
this.maxColumns = options.maxColumns || $518ec229733533c6$var$DEFAULT_OPTIONS[cardSize].maxColumns;
|
|
1111
|
+
this.itemPadding = options.itemPadding != null ? options.itemPadding : $518ec229733533c6$var$DEFAULT_OPTIONS[cardSize].itemPadding[this.cardOrientation][this.scale];
|
|
1164
1112
|
this.itemSize = null;
|
|
1165
1113
|
this.numColumns = 0;
|
|
1166
1114
|
this.numRows = 0;
|
|
@@ -1218,7 +1166,7 @@ class $95ff4527af603d7e$export$7d2b12578154a735 extends $ce95ffe2429f6396$export
|
|
|
1218
1166
|
let t = (itemWidth - minCardWidth) / minCardWidth;
|
|
1219
1167
|
let itemHeight = Math.floor(this.minItemSize.height + this.minItemSize.height * t);
|
|
1220
1168
|
itemHeight = Math.max(this.minItemSize.height, Math.min(this.maxItemSize.height, itemHeight)) + verticalItemPadding;
|
|
1221
|
-
this.itemSize = new $
|
|
1169
|
+
this.itemSize = new $5HlfY$Size(itemWidth, itemHeight);
|
|
1222
1170
|
// Compute the horizontal spacing and content height
|
|
1223
1171
|
this.horizontalSpacing = this.numColumns < 2 ? 0 : Math.floor((availableWidth - this.numColumns * this.itemSize.width) / (this.numColumns - 1));
|
|
1224
1172
|
let y = this.margin;
|
|
@@ -1237,27 +1185,27 @@ class $95ff4527af603d7e$export$7d2b12578154a735 extends $ce95ffe2429f6396$export
|
|
|
1237
1185
|
loaderY = 0;
|
|
1238
1186
|
loaderHeight = visibleHeight || 60;
|
|
1239
1187
|
}
|
|
1240
|
-
let rect = new $
|
|
1241
|
-
let loader = new $
|
|
1188
|
+
let rect = new $5HlfY$Rect(0, loaderY, visibleWidth, loaderHeight);
|
|
1189
|
+
let loader = new $5HlfY$LayoutInfo('loader', 'loader', rect);
|
|
1242
1190
|
this.layoutInfos.set('loader', loader);
|
|
1243
1191
|
y = loader.rect.maxY;
|
|
1244
1192
|
}
|
|
1245
1193
|
if (this.collection.size === 0 && !this.isLoading) {
|
|
1246
|
-
let rect = new $
|
|
1247
|
-
let placeholder = new $
|
|
1194
|
+
let rect = new $5HlfY$Rect(0, 0, visibleWidth, visibleHeight);
|
|
1195
|
+
let placeholder = new $5HlfY$LayoutInfo('placeholder', 'placeholder', rect);
|
|
1248
1196
|
this.layoutInfos.set('placeholder', placeholder);
|
|
1249
1197
|
y = placeholder.rect.maxY;
|
|
1250
1198
|
}
|
|
1251
|
-
this.contentSize = new $
|
|
1199
|
+
this.contentSize = new $5HlfY$Size(visibleWidth, y);
|
|
1252
1200
|
}
|
|
1253
1201
|
buildChild(node, y, index) {
|
|
1254
1202
|
let row = Math.floor(index / this.numColumns);
|
|
1255
1203
|
let column = index % this.numColumns;
|
|
1256
1204
|
let x = this.margin + column * (this.itemSize.width + this.horizontalSpacing);
|
|
1257
1205
|
y = this.margin + row * (this.itemSize.height + this.minSpace.height);
|
|
1258
|
-
let rect = new $
|
|
1206
|
+
let rect = new $5HlfY$Rect(x, y, this.itemSize.width, this.itemSize.height);
|
|
1259
1207
|
// TODO: Perhaps have it so that the child key for each row is stored with the layoutInfo?
|
|
1260
|
-
let layoutInfo = new $
|
|
1208
|
+
let layoutInfo = new $5HlfY$LayoutInfo(node.type, node.key, rect);
|
|
1261
1209
|
layoutInfo.allowOverflow = true;
|
|
1262
1210
|
this.layoutInfos.set(node.key, layoutInfo);
|
|
1263
1211
|
return layoutInfo;
|
|
@@ -1288,24 +1236,22 @@ class $95ff4527af603d7e$export$7d2b12578154a735 extends $ce95ffe2429f6396$export
|
|
|
1288
1236
|
}
|
|
1289
1237
|
|
|
1290
1238
|
|
|
1291
|
-
var $
|
|
1239
|
+
var $eb50f2ca3a53d913$exports = {};
|
|
1292
1240
|
|
|
1293
|
-
$parcel$export($
|
|
1241
|
+
$parcel$export($eb50f2ca3a53d913$exports, "WaterfallLayout", () => $eb50f2ca3a53d913$export$e9f7cda058ba8df8);
|
|
1294
1242
|
|
|
1295
1243
|
|
|
1296
|
-
class $
|
|
1244
|
+
class $eb50f2ca3a53d913$export$e9f7cda058ba8df8 extends $5fa895c7c356fbff$export$64943d2e59d72a29 {
|
|
1297
1245
|
constructor(options = {
|
|
1298
1246
|
}){
|
|
1299
1247
|
// TODO: WaterfallLayout doesn't use card size in v2, but perhaps it should support it? Perhaps it would modify
|
|
1300
1248
|
// minItemSize defaults or other things
|
|
1301
1249
|
super(options);
|
|
1302
|
-
this.minItemSize = options.minItemSize || new $
|
|
1303
|
-
this.maxItemSize = options.maxItemSize || new $
|
|
1250
|
+
this.minItemSize = options.minItemSize || new $5HlfY$Size(240, 136);
|
|
1251
|
+
this.maxItemSize = options.maxItemSize || new $5HlfY$Size(Infinity, Infinity);
|
|
1304
1252
|
this.margin = options.margin != null ? options.margin : 24;
|
|
1305
|
-
this.minSpace = options.minSpace || new $
|
|
1253
|
+
this.minSpace = options.minSpace || new $5HlfY$Size(18, 18);
|
|
1306
1254
|
this.maxColumns = options.maxColumns || Infinity;
|
|
1307
|
-
// TODO: not entirely sure what this is for since the layout will automatically shift itself to the correct vertical space for the card
|
|
1308
|
-
this.itemPadding = options.itemPadding != null ? options.itemPadding : 56;
|
|
1309
1255
|
this.itemWidth = 0;
|
|
1310
1256
|
this.numColumns = 0;
|
|
1311
1257
|
this.lastCollection = null;
|
|
@@ -1345,15 +1291,15 @@ class $e7acb160b0e0df88$export$e9f7cda058ba8df8 extends $ce95ffe2429f6396$export
|
|
|
1345
1291
|
} else if (node.props.width && node.props.height) {
|
|
1346
1292
|
let nodeWidth = node.props.width;
|
|
1347
1293
|
let nodeHeight = node.props.height;
|
|
1348
|
-
let scaledHeight = Math.round(
|
|
1349
|
-
height = Math.max(this.minItemSize.height, Math.min(this.maxItemSize.height, scaledHeight))
|
|
1294
|
+
let scaledHeight = Math.round(nodeHeight * (itemWidth / nodeWidth));
|
|
1295
|
+
height = Math.max(this.minItemSize.height, Math.min(this.maxItemSize.height, scaledHeight));
|
|
1350
1296
|
} else height = itemWidth;
|
|
1351
1297
|
// Figure out which column to place the item in, and compute its position.
|
|
1352
1298
|
let column = this.getNextColumnIndex(columnHeights);
|
|
1353
1299
|
let x = this.margin + column * (itemWidth + horizontalSpacing);
|
|
1354
1300
|
let y = columnHeights[column];
|
|
1355
|
-
let rect = new $
|
|
1356
|
-
let layoutInfo = new $
|
|
1301
|
+
let rect = new $5HlfY$Rect(x, y, itemWidth, height);
|
|
1302
|
+
let layoutInfo = new $5HlfY$LayoutInfo(node.type, key, rect);
|
|
1357
1303
|
layoutInfo.estimatedSize = estimatedSize;
|
|
1358
1304
|
layoutInfo.allowOverflow = true;
|
|
1359
1305
|
this.layoutInfos.set(key, layoutInfo);
|
|
@@ -1377,18 +1323,18 @@ class $e7acb160b0e0df88$export$e9f7cda058ba8df8 extends $ce95ffe2429f6396$export
|
|
|
1377
1323
|
loaderY = 0;
|
|
1378
1324
|
loaderHeight = this.virtualizer.visibleRect.height || 60;
|
|
1379
1325
|
}
|
|
1380
|
-
let rect = new $
|
|
1381
|
-
let loader = new $
|
|
1326
|
+
let rect = new $5HlfY$Rect(0, loaderY, this.virtualizer.visibleRect.width, loaderHeight);
|
|
1327
|
+
let loader = new $5HlfY$LayoutInfo('loader', 'loader', rect);
|
|
1382
1328
|
this.layoutInfos.set('loader', loader);
|
|
1383
1329
|
y = loader.rect.maxY;
|
|
1384
1330
|
}
|
|
1385
1331
|
if (this.collection.size === 0 && !this.isLoading) {
|
|
1386
|
-
let rect = new $
|
|
1387
|
-
let placeholder = new $
|
|
1332
|
+
let rect = new $5HlfY$Rect(0, 0, this.virtualizer.visibleRect.width, this.virtualizer.visibleRect.height);
|
|
1333
|
+
let placeholder = new $5HlfY$LayoutInfo('placeholder', 'placeholder', rect);
|
|
1388
1334
|
this.layoutInfos.set('placeholder', placeholder);
|
|
1389
1335
|
y = placeholder.rect.maxY;
|
|
1390
1336
|
}
|
|
1391
|
-
this.contentSize = new $
|
|
1337
|
+
this.contentSize = new $5HlfY$Size(this.virtualizer.visibleRect.width, y);
|
|
1392
1338
|
}
|
|
1393
1339
|
updateItemSize(key, size) {
|
|
1394
1340
|
let layoutInfo = this.layoutInfos.get(key);
|
|
@@ -1397,10 +1343,9 @@ class $e7acb160b0e0df88$export$e9f7cda058ba8df8 extends $ce95ffe2429f6396$export
|
|
|
1397
1343
|
// TODO: also not sure about copying layout info vs mutating it. Listlayout does the below
|
|
1398
1344
|
// but I feel that is because it actually maintained a layoutNode map cache which this doesn't have
|
|
1399
1345
|
let newLayoutInfo = layoutInfo.copy();
|
|
1400
|
-
newLayoutInfo.rect.height = size.height;
|
|
1346
|
+
newLayoutInfo.rect.height = size.height < 600 ? size.height : 600;
|
|
1347
|
+
newLayoutInfo.estimatedSize = false;
|
|
1401
1348
|
this.layoutInfos.set(key, newLayoutInfo);
|
|
1402
|
-
// TODO: v2 had layoutInfo.estimatedSize = view.estimatedSize || false; but we can't do the same here?
|
|
1403
|
-
layoutInfo.estimatedSize = false;
|
|
1404
1349
|
return true;
|
|
1405
1350
|
}
|
|
1406
1351
|
return false;
|
|
@@ -1416,10 +1361,10 @@ class $e7acb160b0e0df88$export$e9f7cda058ba8df8 extends $ce95ffe2429f6396$export
|
|
|
1416
1361
|
// This prevent the issue where it was possible that the closest layoutInfo would be two columns over due to the middle card being exceptionally tall
|
|
1417
1362
|
// and thus the top corner to top corner distance was massive.
|
|
1418
1363
|
// First look for a card to the immediate right of the current card. If we can't find any, look for the nearest card in the entire column to the right of the card
|
|
1419
|
-
let rect = new $
|
|
1364
|
+
let rect = new $5HlfY$Rect(layoutInfo.rect.maxX + 1, layoutInfo.rect.y, layoutInfo.rect.width + this.horizontalSpacing, layoutInfo.rect.height);
|
|
1420
1365
|
key = this._findClosest(layoutInfo.rect, rect)?.key;
|
|
1421
1366
|
if (!key) {
|
|
1422
|
-
rect = new $
|
|
1367
|
+
rect = new $5HlfY$Rect(layoutInfo.rect.maxX + 1, 0, layoutInfo.rect.width + this.horizontalSpacing, this.virtualizer.contentSize.height);
|
|
1423
1368
|
key = this._findClosest(layoutInfo.rect, rect)?.key;
|
|
1424
1369
|
}
|
|
1425
1370
|
return this.collection.getItem(key)?.childNodes[0]?.key;
|
|
@@ -1427,10 +1372,10 @@ class $e7acb160b0e0df88$export$e9f7cda058ba8df8 extends $ce95ffe2429f6396$export
|
|
|
1427
1372
|
getClosestLeft(key) {
|
|
1428
1373
|
let layoutInfo = this.getLayoutInfo(key);
|
|
1429
1374
|
// First look for a card to the immediate left of the current card. If we can't find any, look for the nearest card in the entire column to the left of the card
|
|
1430
|
-
let rect = new $
|
|
1375
|
+
let rect = new $5HlfY$Rect(layoutInfo.rect.x - layoutInfo.rect.width - this.horizontalSpacing - 1, layoutInfo.rect.y, layoutInfo.rect.width + this.horizontalSpacing, layoutInfo.rect.height);
|
|
1431
1376
|
key = this._findClosest(layoutInfo.rect, rect)?.key;
|
|
1432
1377
|
if (!key) {
|
|
1433
|
-
rect = new $
|
|
1378
|
+
rect = new $5HlfY$Rect(layoutInfo.rect.x - layoutInfo.rect.width - this.horizontalSpacing - 1, 0, layoutInfo.rect.width + this.horizontalSpacing, this.virtualizer.contentSize.height);
|
|
1434
1379
|
key = this._findClosest(layoutInfo.rect, rect)?.key;
|
|
1435
1380
|
}
|
|
1436
1381
|
return this.collection.getItem(key)?.childNodes[0]?.key;
|
|
@@ -1448,22 +1393,22 @@ class $e7acb160b0e0df88$export$e9f7cda058ba8df8 extends $ce95ffe2429f6396$export
|
|
|
1448
1393
|
}
|
|
1449
1394
|
|
|
1450
1395
|
|
|
1451
|
-
var $
|
|
1396
|
+
var $a39f0127ee2764b3$exports = {};
|
|
1452
1397
|
|
|
1453
|
-
$parcel$export($
|
|
1398
|
+
$parcel$export($a39f0127ee2764b3$exports, "Card", () => $a39f0127ee2764b3$export$60332b2344f7fe41);
|
|
1454
1399
|
|
|
1455
1400
|
|
|
1456
1401
|
|
|
1457
|
-
let $
|
|
1458
|
-
let context = $
|
|
1402
|
+
let $a39f0127ee2764b3$var$Card = /*#__PURE__*/ $5HlfY$forwardRef((props, ref)=>{
|
|
1403
|
+
let context = $9a000cf0a62ebe41$export$fea0b38586ec8f13();
|
|
1459
1404
|
if (context !== null) return null;
|
|
1460
|
-
else return(/*#__PURE__*/ $
|
|
1405
|
+
else return(/*#__PURE__*/ $5HlfY$react.createElement($f5426ba654d120b1$export$7a6ccaf429ad93a8, {
|
|
1461
1406
|
...props,
|
|
1462
1407
|
ref: ref
|
|
1463
1408
|
}));
|
|
1464
1409
|
});
|
|
1465
1410
|
// @ts-ignore
|
|
1466
|
-
$
|
|
1411
|
+
$a39f0127ee2764b3$var$Card.getCollectionNode = function* getCollectionNode(props) {
|
|
1467
1412
|
let { children: children , textValue: textValue } = props;
|
|
1468
1413
|
yield {
|
|
1469
1414
|
type: 'item',
|
|
@@ -1474,10 +1419,10 @@ $bc82b9626491359d$var$Card.getCollectionNode = function* getCollectionNode(props
|
|
|
1474
1419
|
textValue: textValue
|
|
1475
1420
|
};
|
|
1476
1421
|
};
|
|
1477
|
-
let $
|
|
1422
|
+
let $a39f0127ee2764b3$export$60332b2344f7fe41 = $a39f0127ee2764b3$var$Card;
|
|
1478
1423
|
|
|
1479
1424
|
|
|
1480
1425
|
|
|
1481
1426
|
|
|
1482
|
-
export {$
|
|
1427
|
+
export {$c6398e7007a75897$export$7e52c821f7b6f422 as CardView, $a4ebacd960847d9c$export$8e52095834484b61 as GalleryLayout, $518ec229733533c6$export$7d2b12578154a735 as GridLayout, $eb50f2ca3a53d913$export$e9f7cda058ba8df8 as WaterfallLayout, $a39f0127ee2764b3$export$60332b2344f7fe41 as Card};
|
|
1483
1428
|
//# sourceMappingURL=module.js.map
|