@react-aria/overlays 3.7.4 → 3.8.1
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.js +298 -292
- package/dist/main.js.map +1 -1
- package/dist/module.js +292 -286
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +2 -1
- package/dist/types.d.ts.map +1 -1
- package/package.json +10 -9
- package/src/DismissButton.tsx +8 -3
- package/src/usePreventScroll.ts +3 -1
package/dist/main.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
var $
|
|
2
|
-
var $
|
|
3
|
-
var $
|
|
4
|
-
var $
|
|
5
|
-
var $
|
|
6
|
-
var $
|
|
7
|
-
var $
|
|
8
|
-
var $
|
|
9
|
-
var $
|
|
10
|
-
var $
|
|
11
|
-
var $
|
|
12
|
-
var $
|
|
1
|
+
var $6Zb2x$react = require("react");
|
|
2
|
+
var $6Zb2x$reactariautils = require("@react-aria/utils");
|
|
3
|
+
var $6Zb2x$reactariai18n = require("@react-aria/i18n");
|
|
4
|
+
var $6Zb2x$domhelpersstyle = require("dom-helpers/style");
|
|
5
|
+
var $6Zb2x$domhelpersqueryoffset = require("dom-helpers/query/offset");
|
|
6
|
+
var $6Zb2x$domhelpersqueryposition = require("dom-helpers/query/position");
|
|
7
|
+
var $6Zb2x$domhelpersqueryscrollLeft = require("dom-helpers/query/scrollLeft");
|
|
8
|
+
var $6Zb2x$domhelpersqueryscrollTop = require("dom-helpers/query/scrollTop");
|
|
9
|
+
var $6Zb2x$domhelpersownerDocument = require("dom-helpers/ownerDocument");
|
|
10
|
+
var $6Zb2x$reactariainteractions = require("@react-aria/interactions");
|
|
11
|
+
var $6Zb2x$reactdom = require("react-dom");
|
|
12
|
+
var $6Zb2x$reactariavisuallyhidden = require("@react-aria/visually-hidden");
|
|
13
13
|
|
|
14
14
|
function $parcel$exportWildcard(dest, source) {
|
|
15
15
|
Object.keys(source).forEach(function(key) {
|
|
@@ -33,52 +33,54 @@ function $parcel$export(e, n, v, s) {
|
|
|
33
33
|
function $parcel$interopDefault(a) {
|
|
34
34
|
return a && a.__esModule ? a.default : a;
|
|
35
35
|
}
|
|
36
|
-
var $
|
|
36
|
+
var $cd94b4896dd97759$exports = {};
|
|
37
37
|
|
|
38
|
-
$parcel$export($
|
|
38
|
+
$parcel$export($cd94b4896dd97759$exports, "useOverlayPosition", () => $cd94b4896dd97759$export$d39e1813b3bdd0e1);
|
|
39
39
|
|
|
40
40
|
|
|
41
41
|
|
|
42
42
|
|
|
43
43
|
|
|
44
44
|
|
|
45
|
-
const $
|
|
45
|
+
const $5935ba4d7da2c103$var$AXIS = {
|
|
46
46
|
top: 'top',
|
|
47
47
|
bottom: 'top',
|
|
48
48
|
left: 'left',
|
|
49
49
|
right: 'left'
|
|
50
50
|
};
|
|
51
|
-
const $
|
|
51
|
+
const $5935ba4d7da2c103$var$FLIPPED_DIRECTION = {
|
|
52
52
|
top: 'bottom',
|
|
53
53
|
bottom: 'top',
|
|
54
54
|
left: 'right',
|
|
55
55
|
right: 'left'
|
|
56
56
|
};
|
|
57
|
-
const $
|
|
57
|
+
const $5935ba4d7da2c103$var$CROSS_AXIS = {
|
|
58
58
|
top: 'left',
|
|
59
59
|
left: 'top'
|
|
60
60
|
};
|
|
61
|
-
const $
|
|
61
|
+
const $5935ba4d7da2c103$var$AXIS_SIZE = {
|
|
62
62
|
top: 'height',
|
|
63
63
|
left: 'width'
|
|
64
64
|
};
|
|
65
|
-
const $
|
|
65
|
+
const $5935ba4d7da2c103$var$PARSED_PLACEMENT_CACHE = {
|
|
66
66
|
};
|
|
67
67
|
// @ts-ignore
|
|
68
|
-
let $
|
|
69
|
-
function $
|
|
68
|
+
let $5935ba4d7da2c103$var$visualViewport = typeof window !== 'undefined' && window.visualViewport;
|
|
69
|
+
function $5935ba4d7da2c103$var$getContainerDimensions(containerNode) {
|
|
70
70
|
let width = 0, height = 0, top = 0, left = 0;
|
|
71
71
|
let scroll = {
|
|
72
72
|
};
|
|
73
73
|
if (containerNode.tagName === 'BODY') {
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
74
|
+
var ref;
|
|
75
|
+
width = (ref = $5935ba4d7da2c103$var$visualViewport === null || $5935ba4d7da2c103$var$visualViewport === void 0 ? void 0 : $5935ba4d7da2c103$var$visualViewport.width) !== null && ref !== void 0 ? ref : document.documentElement.clientWidth;
|
|
76
|
+
var ref1;
|
|
77
|
+
height = (ref1 = $5935ba4d7da2c103$var$visualViewport === null || $5935ba4d7da2c103$var$visualViewport === void 0 ? void 0 : $5935ba4d7da2c103$var$visualViewport.height) !== null && ref1 !== void 0 ? ref1 : document.documentElement.clientHeight;
|
|
78
|
+
scroll.top = ($parcel$interopDefault($6Zb2x$domhelpersqueryscrollTop))(($parcel$interopDefault($6Zb2x$domhelpersownerDocument))(containerNode).documentElement) || ($parcel$interopDefault($6Zb2x$domhelpersqueryscrollTop))(containerNode);
|
|
79
|
+
scroll.left = ($parcel$interopDefault($6Zb2x$domhelpersqueryscrollLeft))(($parcel$interopDefault($6Zb2x$domhelpersownerDocument))(containerNode).documentElement) || ($parcel$interopDefault($6Zb2x$domhelpersqueryscrollLeft))(containerNode);
|
|
78
80
|
} else {
|
|
79
|
-
({ width: width , height: height , top: top , left: left } = ($parcel$interopDefault($
|
|
80
|
-
scroll.top = ($parcel$interopDefault($
|
|
81
|
-
scroll.left = ($parcel$interopDefault($
|
|
81
|
+
({ width: width , height: height , top: top , left: left } = ($parcel$interopDefault($6Zb2x$domhelpersqueryoffset))(containerNode));
|
|
82
|
+
scroll.top = ($parcel$interopDefault($6Zb2x$domhelpersqueryscrollTop))(containerNode);
|
|
83
|
+
scroll.left = ($parcel$interopDefault($6Zb2x$domhelpersqueryscrollLeft))(containerNode);
|
|
82
84
|
}
|
|
83
85
|
return {
|
|
84
86
|
width: width,
|
|
@@ -88,7 +90,7 @@ function $18cf96edbeaa13c0$var$getContainerDimensions(containerNode) {
|
|
|
88
90
|
left: left
|
|
89
91
|
};
|
|
90
92
|
}
|
|
91
|
-
function $
|
|
93
|
+
function $5935ba4d7da2c103$var$getScroll(node) {
|
|
92
94
|
return {
|
|
93
95
|
top: node.scrollTop,
|
|
94
96
|
left: node.scrollLeft,
|
|
@@ -96,16 +98,16 @@ function $18cf96edbeaa13c0$var$getScroll(node) {
|
|
|
96
98
|
height: node.scrollHeight
|
|
97
99
|
};
|
|
98
100
|
}
|
|
99
|
-
function $
|
|
101
|
+
function $5935ba4d7da2c103$var$getDelta(axis, offset, size, containerDimensions, padding) {
|
|
100
102
|
let containerScroll = containerDimensions.scroll[axis];
|
|
101
|
-
let containerHeight = containerDimensions[$
|
|
103
|
+
let containerHeight = containerDimensions[$5935ba4d7da2c103$var$AXIS_SIZE[axis]];
|
|
102
104
|
let startEdgeOffset = offset - padding - containerScroll;
|
|
103
105
|
let endEdgeOffset = offset + padding - containerScroll + size;
|
|
104
106
|
if (startEdgeOffset < 0) return -startEdgeOffset;
|
|
105
107
|
else if (endEdgeOffset > containerHeight) return Math.max(containerHeight - endEdgeOffset, -startEdgeOffset);
|
|
106
108
|
else return 0;
|
|
107
109
|
}
|
|
108
|
-
function $
|
|
110
|
+
function $5935ba4d7da2c103$var$getMargins(node) {
|
|
109
111
|
let style = window.getComputedStyle(node);
|
|
110
112
|
return {
|
|
111
113
|
top: parseInt(style.marginTop, 10) || 0,
|
|
@@ -114,15 +116,15 @@ function $18cf96edbeaa13c0$var$getMargins(node) {
|
|
|
114
116
|
right: parseInt(style.marginRight, 10) || 0
|
|
115
117
|
};
|
|
116
118
|
}
|
|
117
|
-
function $
|
|
118
|
-
if ($
|
|
119
|
+
function $5935ba4d7da2c103$var$parsePlacement(input) {
|
|
120
|
+
if ($5935ba4d7da2c103$var$PARSED_PLACEMENT_CACHE[input]) return $5935ba4d7da2c103$var$PARSED_PLACEMENT_CACHE[input];
|
|
119
121
|
let [placement, crossPlacement] = input.split(' ');
|
|
120
|
-
let axis = $
|
|
121
|
-
let crossAxis = $
|
|
122
|
-
if (!$
|
|
123
|
-
let size = $
|
|
124
|
-
let crossSize = $
|
|
125
|
-
$
|
|
122
|
+
let axis = $5935ba4d7da2c103$var$AXIS[placement] || 'right';
|
|
123
|
+
let crossAxis = $5935ba4d7da2c103$var$CROSS_AXIS[axis];
|
|
124
|
+
if (!$5935ba4d7da2c103$var$AXIS[crossPlacement]) crossPlacement = 'center';
|
|
125
|
+
let size = $5935ba4d7da2c103$var$AXIS_SIZE[axis];
|
|
126
|
+
let crossSize = $5935ba4d7da2c103$var$AXIS_SIZE[crossAxis];
|
|
127
|
+
$5935ba4d7da2c103$var$PARSED_PLACEMENT_CACHE[input] = {
|
|
126
128
|
placement: placement,
|
|
127
129
|
crossPlacement: crossPlacement,
|
|
128
130
|
axis: axis,
|
|
@@ -130,9 +132,9 @@ function $18cf96edbeaa13c0$var$parsePlacement(input) {
|
|
|
130
132
|
size: size,
|
|
131
133
|
crossSize: crossSize
|
|
132
134
|
};
|
|
133
|
-
return $
|
|
135
|
+
return $5935ba4d7da2c103$var$PARSED_PLACEMENT_CACHE[input];
|
|
134
136
|
}
|
|
135
|
-
function $
|
|
137
|
+
function $5935ba4d7da2c103$var$computePosition(childOffset, boundaryDimensions, overlaySize, placementInfo, offset, crossOffset, containerOffsetWithBoundary, isContainerPositioned) {
|
|
136
138
|
let { placement: placement , crossPlacement: crossPlacement , axis: axis , crossAxis: crossAxis , size: size , crossSize: crossSize } = placementInfo;
|
|
137
139
|
let position = {
|
|
138
140
|
};
|
|
@@ -162,31 +164,31 @@ function $18cf96edbeaa13c0$var$computePosition(childOffset, boundaryDimensions,
|
|
|
162
164
|
// then it can only be the `document.body`, and `bottom` will be relative to _its_
|
|
163
165
|
// container, which should be as large as boundaryDimensions.
|
|
164
166
|
const containerHeight = isContainerPositioned ? containerOffsetWithBoundary[size] : boundaryDimensions[size];
|
|
165
|
-
position[$
|
|
167
|
+
position[$5935ba4d7da2c103$var$FLIPPED_DIRECTION[axis]] = Math.floor(containerHeight - childOffset[axis] + offset);
|
|
166
168
|
} else position[axis] = Math.floor(childOffset[axis] + childOffset[size] + offset);
|
|
167
169
|
return position;
|
|
168
170
|
}
|
|
169
|
-
function $
|
|
171
|
+
function $5935ba4d7da2c103$var$getMaxHeight(position, boundaryDimensions, containerOffsetWithBoundary, childOffset, margins, padding) {
|
|
170
172
|
return position.top != null ? Math.max(0, boundaryDimensions.height + boundaryDimensions.top + boundaryDimensions.scroll.top - (containerOffsetWithBoundary.top + position.top) - (margins.top + margins.bottom + padding) // save additional space for margin and padding
|
|
171
173
|
) : Math.max(0, childOffset.top + containerOffsetWithBoundary.top - (boundaryDimensions.top + boundaryDimensions.scroll.top) - (margins.top + margins.bottom + padding) // save additional space for margin and padding
|
|
172
174
|
);
|
|
173
175
|
}
|
|
174
|
-
function $
|
|
176
|
+
function $5935ba4d7da2c103$var$getAvailableSpace(boundaryDimensions, containerOffsetWithBoundary, childOffset, margins, padding, placementInfo) {
|
|
175
177
|
let { placement: placement , axis: axis , size: size } = placementInfo;
|
|
176
|
-
if (placement === axis) return Math.max(0, childOffset[axis] - boundaryDimensions[axis] - boundaryDimensions.scroll[axis] + containerOffsetWithBoundary[axis] - margins[axis] - margins[$
|
|
177
|
-
return Math.max(0, boundaryDimensions[size] + boundaryDimensions[axis] + boundaryDimensions.scroll[axis] - containerOffsetWithBoundary[axis] - childOffset[axis] - childOffset[size] - margins[axis] - margins[$
|
|
178
|
+
if (placement === axis) return Math.max(0, childOffset[axis] - boundaryDimensions[axis] - boundaryDimensions.scroll[axis] + containerOffsetWithBoundary[axis] - margins[axis] - margins[$5935ba4d7da2c103$var$FLIPPED_DIRECTION[axis]] - padding);
|
|
179
|
+
return Math.max(0, boundaryDimensions[size] + boundaryDimensions[axis] + boundaryDimensions.scroll[axis] - containerOffsetWithBoundary[axis] - childOffset[axis] - childOffset[size] - margins[axis] - margins[$5935ba4d7da2c103$var$FLIPPED_DIRECTION[axis]] - padding);
|
|
178
180
|
}
|
|
179
|
-
function $
|
|
180
|
-
let placementInfo = $
|
|
181
|
+
function $5935ba4d7da2c103$export$6839422d1f33cee9(placementInput, childOffset, overlaySize, scrollSize, margins, padding, flip, boundaryDimensions, containerOffsetWithBoundary, offset, crossOffset, isContainerPositioned, userSetMaxHeight) {
|
|
182
|
+
let placementInfo = $5935ba4d7da2c103$var$parsePlacement(placementInput);
|
|
181
183
|
let { size: size , crossAxis: crossAxis , crossSize: crossSize , placement: placement , crossPlacement: crossPlacement } = placementInfo;
|
|
182
|
-
let position = $
|
|
184
|
+
let position = $5935ba4d7da2c103$var$computePosition(childOffset, boundaryDimensions, overlaySize, placementInfo, offset, crossOffset, containerOffsetWithBoundary, isContainerPositioned);
|
|
183
185
|
let normalizedOffset = offset;
|
|
184
|
-
let space = $
|
|
186
|
+
let space = $5935ba4d7da2c103$var$getAvailableSpace(boundaryDimensions, containerOffsetWithBoundary, childOffset, margins, padding + offset, placementInfo);
|
|
185
187
|
// Check if the scroll size of the overlay is greater than the available space to determine if we need to flip
|
|
186
188
|
if (flip && scrollSize[size] > space) {
|
|
187
|
-
let flippedPlacementInfo = $
|
|
188
|
-
let flippedPosition = $
|
|
189
|
-
let flippedSpace = $
|
|
189
|
+
let flippedPlacementInfo = $5935ba4d7da2c103$var$parsePlacement(`${$5935ba4d7da2c103$var$FLIPPED_DIRECTION[placement]} ${crossPlacement}`);
|
|
190
|
+
let flippedPosition = $5935ba4d7da2c103$var$computePosition(childOffset, boundaryDimensions, overlaySize, flippedPlacementInfo, offset, crossOffset, containerOffsetWithBoundary, isContainerPositioned);
|
|
191
|
+
let flippedSpace = $5935ba4d7da2c103$var$getAvailableSpace(boundaryDimensions, containerOffsetWithBoundary, childOffset, margins, padding + offset, flippedPlacementInfo);
|
|
190
192
|
// If the available space for the flipped position is greater than the original available space, flip.
|
|
191
193
|
if (flippedSpace > space) {
|
|
192
194
|
placementInfo = flippedPlacementInfo;
|
|
@@ -194,13 +196,13 @@ function $18cf96edbeaa13c0$export$6839422d1f33cee9(placementInput, childOffset,
|
|
|
194
196
|
normalizedOffset = offset;
|
|
195
197
|
}
|
|
196
198
|
}
|
|
197
|
-
let delta = $
|
|
199
|
+
let delta = $5935ba4d7da2c103$var$getDelta(crossAxis, position[crossAxis], overlaySize[crossSize], boundaryDimensions, padding);
|
|
198
200
|
position[crossAxis] += delta;
|
|
199
|
-
let maxHeight = $
|
|
201
|
+
let maxHeight = $5935ba4d7da2c103$var$getMaxHeight(position, boundaryDimensions, containerOffsetWithBoundary, childOffset, margins, padding);
|
|
200
202
|
if (userSetMaxHeight && userSetMaxHeight < maxHeight) maxHeight = userSetMaxHeight;
|
|
201
203
|
overlaySize.height = Math.min(overlaySize.height, maxHeight);
|
|
202
|
-
position = $
|
|
203
|
-
delta = $
|
|
204
|
+
position = $5935ba4d7da2c103$var$computePosition(childOffset, boundaryDimensions, overlaySize, placementInfo, normalizedOffset, crossOffset, containerOffsetWithBoundary, isContainerPositioned);
|
|
205
|
+
delta = $5935ba4d7da2c103$var$getDelta(crossAxis, position[crossAxis], overlaySize[crossSize], boundaryDimensions, padding);
|
|
204
206
|
position[crossAxis] += delta;
|
|
205
207
|
let arrowPosition = {
|
|
206
208
|
};
|
|
@@ -213,41 +215,41 @@ function $18cf96edbeaa13c0$export$6839422d1f33cee9(placementInput, childOffset,
|
|
|
213
215
|
placement: placementInfo.placement
|
|
214
216
|
};
|
|
215
217
|
}
|
|
216
|
-
function $
|
|
218
|
+
function $5935ba4d7da2c103$export$b3ceb0cbf1056d98(opts) {
|
|
217
219
|
let { placement: placement , targetNode: targetNode , overlayNode: overlayNode , scrollNode: scrollNode , padding: padding , shouldFlip: shouldFlip , boundaryElement: boundaryElement , offset: offset , crossOffset: crossOffset , maxHeight: maxHeight } = opts;
|
|
218
220
|
let container = overlayNode.offsetParent || document.body;
|
|
219
221
|
let isBodyContainer = container.tagName === 'BODY';
|
|
220
222
|
const containerPositionStyle = window.getComputedStyle(container).position;
|
|
221
223
|
let isContainerPositioned = !!containerPositionStyle && containerPositionStyle !== 'static';
|
|
222
|
-
let childOffset = isBodyContainer ? ($parcel$interopDefault($
|
|
224
|
+
let childOffset = isBodyContainer ? ($parcel$interopDefault($6Zb2x$domhelpersqueryoffset))(targetNode) : ($parcel$interopDefault($6Zb2x$domhelpersqueryposition))(targetNode, container);
|
|
223
225
|
if (!isBodyContainer) {
|
|
224
|
-
childOffset.top += parseInt(($parcel$interopDefault($
|
|
225
|
-
childOffset.left += parseInt(($parcel$interopDefault($
|
|
226
|
+
childOffset.top += parseInt(($parcel$interopDefault($6Zb2x$domhelpersstyle))(targetNode, 'marginTop'), 10) || 0;
|
|
227
|
+
childOffset.left += parseInt(($parcel$interopDefault($6Zb2x$domhelpersstyle))(targetNode, 'marginLeft'), 10) || 0;
|
|
226
228
|
}
|
|
227
|
-
let overlaySize = ($parcel$interopDefault($
|
|
228
|
-
let margins = $
|
|
229
|
+
let overlaySize = ($parcel$interopDefault($6Zb2x$domhelpersqueryoffset))(overlayNode);
|
|
230
|
+
let margins = $5935ba4d7da2c103$var$getMargins(overlayNode);
|
|
229
231
|
overlaySize.width += margins.left + margins.right;
|
|
230
232
|
overlaySize.height += margins.top + margins.bottom;
|
|
231
|
-
let scrollSize = $
|
|
232
|
-
let boundaryDimensions = $
|
|
233
|
-
let containerOffsetWithBoundary = boundaryElement.tagName === 'BODY' ? ($parcel$interopDefault($
|
|
234
|
-
return $
|
|
233
|
+
let scrollSize = $5935ba4d7da2c103$var$getScroll(scrollNode);
|
|
234
|
+
let boundaryDimensions = $5935ba4d7da2c103$var$getContainerDimensions(boundaryElement);
|
|
235
|
+
let containerOffsetWithBoundary = boundaryElement.tagName === 'BODY' ? ($parcel$interopDefault($6Zb2x$domhelpersqueryoffset))(container) : ($parcel$interopDefault($6Zb2x$domhelpersqueryposition))(container, boundaryElement);
|
|
236
|
+
return $5935ba4d7da2c103$export$6839422d1f33cee9(placement, childOffset, overlaySize, scrollSize, margins, padding, shouldFlip, boundaryDimensions, containerOffsetWithBoundary, offset, crossOffset, isContainerPositioned, maxHeight);
|
|
235
237
|
}
|
|
236
238
|
|
|
237
239
|
|
|
238
240
|
|
|
239
241
|
|
|
240
|
-
const $
|
|
241
|
-
function $
|
|
242
|
+
const $9a8aa1b0b336ea3a$export$f6211563215e3b37 = new WeakMap();
|
|
243
|
+
function $9a8aa1b0b336ea3a$export$18fc8428861184da(opts) {
|
|
242
244
|
let { triggerRef: triggerRef , isOpen: isOpen , onClose: onClose } = opts;
|
|
243
|
-
$
|
|
245
|
+
$6Zb2x$react.useEffect(()=>{
|
|
244
246
|
if (!isOpen) return;
|
|
245
247
|
let onScroll = (e)=>{
|
|
246
248
|
// Ignore if scrolling an scrollable region outside the trigger's tree.
|
|
247
249
|
let target = e.target;
|
|
248
250
|
// window is not a Node and doesn't have contain, but window contains everything
|
|
249
251
|
if (!triggerRef.current || target instanceof Node && !target.contains(triggerRef.current)) return;
|
|
250
|
-
let onCloseHandler = onClose || $
|
|
252
|
+
let onCloseHandler = onClose || $9a8aa1b0b336ea3a$export$f6211563215e3b37.get(triggerRef.current);
|
|
251
253
|
if (onCloseHandler) onCloseHandler();
|
|
252
254
|
};
|
|
253
255
|
window.addEventListener('scroll', onScroll, true);
|
|
@@ -265,11 +267,11 @@ function $718b8f7634b0958d$export$18fc8428861184da(opts) {
|
|
|
265
267
|
|
|
266
268
|
|
|
267
269
|
// @ts-ignore
|
|
268
|
-
let $
|
|
269
|
-
function $
|
|
270
|
-
let { direction: direction } = $
|
|
270
|
+
let $cd94b4896dd97759$var$visualViewport = typeof window !== 'undefined' && window.visualViewport;
|
|
271
|
+
function $cd94b4896dd97759$export$d39e1813b3bdd0e1(props) {
|
|
272
|
+
let { direction: direction } = $6Zb2x$reactariai18n.useLocale();
|
|
271
273
|
let { targetRef: targetRef , overlayRef: overlayRef , scrollRef: scrollRef = overlayRef , placement: placement = 'bottom' , containerPadding: containerPadding = 12 , shouldFlip: shouldFlip = true , boundaryElement: boundaryElement = typeof document !== 'undefined' ? document.body : null , offset: offset = 0 , crossOffset: crossOffset = 0 , shouldUpdatePosition: shouldUpdatePosition = true , isOpen: isOpen = true , onClose: onClose , maxHeight: maxHeight } = props;
|
|
272
|
-
let [position, setPosition] = $
|
|
274
|
+
let [position, setPosition] = $6Zb2x$react.useState({
|
|
273
275
|
position: {
|
|
274
276
|
},
|
|
275
277
|
arrowOffsetLeft: undefined,
|
|
@@ -292,10 +294,10 @@ function $419115045389fb23$export$d39e1813b3bdd0e1(props) {
|
|
|
292
294
|
direction,
|
|
293
295
|
maxHeight
|
|
294
296
|
];
|
|
295
|
-
let updatePosition = $
|
|
297
|
+
let updatePosition = $6Zb2x$react.useCallback(()=>{
|
|
296
298
|
if (shouldUpdatePosition === false || !isOpen || !overlayRef.current || !targetRef.current || !scrollRef.current || !boundaryElement) return;
|
|
297
|
-
setPosition($
|
|
298
|
-
placement: $
|
|
299
|
+
setPosition($5935ba4d7da2c103$export$b3ceb0cbf1056d98({
|
|
300
|
+
placement: $cd94b4896dd97759$var$translateRTL(placement, direction),
|
|
299
301
|
overlayNode: overlayRef.current,
|
|
300
302
|
targetNode: targetRef.current,
|
|
301
303
|
scrollNode: scrollRef.current,
|
|
@@ -308,13 +310,13 @@ function $419115045389fb23$export$d39e1813b3bdd0e1(props) {
|
|
|
308
310
|
}));
|
|
309
311
|
}, deps);
|
|
310
312
|
// Update position when anything changes
|
|
311
|
-
$
|
|
313
|
+
$6Zb2x$reactariautils.useLayoutEffect(updatePosition, deps);
|
|
312
314
|
// Update position on window resize
|
|
313
|
-
$
|
|
315
|
+
$cd94b4896dd97759$var$useResize(updatePosition);
|
|
314
316
|
// Reposition the overlay and do not close on scroll while the visual viewport is resizing.
|
|
315
317
|
// This will ensure that overlays adjust their positioning when the iOS virtual keyboard appears.
|
|
316
|
-
let isResizing = $
|
|
317
|
-
$
|
|
318
|
+
let isResizing = $6Zb2x$react.useRef(false);
|
|
319
|
+
$6Zb2x$reactariautils.useLayoutEffect(()=>{
|
|
318
320
|
let timeout;
|
|
319
321
|
let onResize = ()=>{
|
|
320
322
|
isResizing.current = true;
|
|
@@ -324,14 +326,14 @@ function $419115045389fb23$export$d39e1813b3bdd0e1(props) {
|
|
|
324
326
|
}, 500);
|
|
325
327
|
updatePosition();
|
|
326
328
|
};
|
|
327
|
-
$
|
|
329
|
+
$cd94b4896dd97759$var$visualViewport === null || $cd94b4896dd97759$var$visualViewport === void 0 ? void 0 : $cd94b4896dd97759$var$visualViewport.addEventListener('resize', onResize);
|
|
328
330
|
return ()=>{
|
|
329
|
-
$
|
|
331
|
+
$cd94b4896dd97759$var$visualViewport === null || $cd94b4896dd97759$var$visualViewport === void 0 ? void 0 : $cd94b4896dd97759$var$visualViewport.removeEventListener('resize', onResize);
|
|
330
332
|
};
|
|
331
333
|
}, [
|
|
332
334
|
updatePosition
|
|
333
335
|
]);
|
|
334
|
-
let close = $
|
|
336
|
+
let close = $6Zb2x$react.useCallback(()=>{
|
|
335
337
|
if (!isResizing.current) onClose();
|
|
336
338
|
}, [
|
|
337
339
|
onClose,
|
|
@@ -339,7 +341,7 @@ function $419115045389fb23$export$d39e1813b3bdd0e1(props) {
|
|
|
339
341
|
]);
|
|
340
342
|
// When scrolling a parent scrollable region of the trigger (other than the body),
|
|
341
343
|
// we hide the popover. Otherwise, its position would be incorrect.
|
|
342
|
-
$
|
|
344
|
+
$9a8aa1b0b336ea3a$export$18fc8428861184da({
|
|
343
345
|
triggerRef: targetRef,
|
|
344
346
|
isOpen: isOpen,
|
|
345
347
|
onClose: onClose ? close : undefined
|
|
@@ -363,8 +365,8 @@ function $419115045389fb23$export$d39e1813b3bdd0e1(props) {
|
|
|
363
365
|
updatePosition: updatePosition
|
|
364
366
|
};
|
|
365
367
|
}
|
|
366
|
-
function $
|
|
367
|
-
$
|
|
368
|
+
function $cd94b4896dd97759$var$useResize(onResize) {
|
|
369
|
+
$6Zb2x$reactariautils.useLayoutEffect(()=>{
|
|
368
370
|
window.addEventListener('resize', onResize, false);
|
|
369
371
|
return ()=>{
|
|
370
372
|
window.removeEventListener('resize', onResize, false);
|
|
@@ -373,26 +375,26 @@ function $419115045389fb23$var$useResize(onResize) {
|
|
|
373
375
|
onResize
|
|
374
376
|
]);
|
|
375
377
|
}
|
|
376
|
-
function $
|
|
378
|
+
function $cd94b4896dd97759$var$translateRTL(position, direction) {
|
|
377
379
|
if (direction === 'rtl') return position.replace('start', 'right').replace('end', 'left');
|
|
378
380
|
return position.replace('start', 'left').replace('end', 'right');
|
|
379
381
|
}
|
|
380
382
|
|
|
381
383
|
|
|
382
|
-
var $
|
|
384
|
+
var $82711f9cb668ecdb$exports = {};
|
|
383
385
|
|
|
384
|
-
$parcel$export($
|
|
386
|
+
$parcel$export($82711f9cb668ecdb$exports, "useOverlay", () => $82711f9cb668ecdb$export$ea8f71083e90600f);
|
|
385
387
|
|
|
386
388
|
|
|
387
|
-
const $
|
|
388
|
-
function $
|
|
389
|
+
const $82711f9cb668ecdb$var$visibleOverlays = [];
|
|
390
|
+
function $82711f9cb668ecdb$export$ea8f71083e90600f(props, ref) {
|
|
389
391
|
let { onClose: onClose , shouldCloseOnBlur: shouldCloseOnBlur , isOpen: isOpen , isDismissable: isDismissable = false , isKeyboardDismissDisabled: isKeyboardDismissDisabled = false , shouldCloseOnInteractOutside: shouldCloseOnInteractOutside } = props;
|
|
390
392
|
// Add the overlay ref to the stack of visible overlays on mount, and remove on unmount.
|
|
391
|
-
$
|
|
392
|
-
if (isOpen) $
|
|
393
|
+
$6Zb2x$react.useEffect(()=>{
|
|
394
|
+
if (isOpen) $82711f9cb668ecdb$var$visibleOverlays.push(ref);
|
|
393
395
|
return ()=>{
|
|
394
|
-
let index = $
|
|
395
|
-
if (index >= 0) $
|
|
396
|
+
let index = $82711f9cb668ecdb$var$visibleOverlays.indexOf(ref);
|
|
397
|
+
if (index >= 0) $82711f9cb668ecdb$var$visibleOverlays.splice(index, 1);
|
|
396
398
|
};
|
|
397
399
|
}, [
|
|
398
400
|
isOpen,
|
|
@@ -400,11 +402,11 @@ function $40b44eb4479b0046$export$ea8f71083e90600f(props, ref) {
|
|
|
400
402
|
]);
|
|
401
403
|
// Only hide the overlay when it is the topmost visible overlay in the stack.
|
|
402
404
|
let onHide = ()=>{
|
|
403
|
-
if ($
|
|
405
|
+
if ($82711f9cb668ecdb$var$visibleOverlays[$82711f9cb668ecdb$var$visibleOverlays.length - 1] === ref && onClose) onClose();
|
|
404
406
|
};
|
|
405
407
|
let onInteractOutsideStart = (e)=>{
|
|
406
408
|
if (!shouldCloseOnInteractOutside || shouldCloseOnInteractOutside(e.target)) {
|
|
407
|
-
if ($
|
|
409
|
+
if ($82711f9cb668ecdb$var$visibleOverlays[$82711f9cb668ecdb$var$visibleOverlays.length - 1] === ref) {
|
|
408
410
|
e.stopPropagation();
|
|
409
411
|
e.preventDefault();
|
|
410
412
|
}
|
|
@@ -412,7 +414,7 @@ function $40b44eb4479b0046$export$ea8f71083e90600f(props, ref) {
|
|
|
412
414
|
};
|
|
413
415
|
let onInteractOutside = (e)=>{
|
|
414
416
|
if (!shouldCloseOnInteractOutside || shouldCloseOnInteractOutside(e.target)) {
|
|
415
|
-
if ($
|
|
417
|
+
if ($82711f9cb668ecdb$var$visibleOverlays[$82711f9cb668ecdb$var$visibleOverlays.length - 1] === ref) {
|
|
416
418
|
e.stopPropagation();
|
|
417
419
|
e.preventDefault();
|
|
418
420
|
}
|
|
@@ -427,12 +429,12 @@ function $40b44eb4479b0046$export$ea8f71083e90600f(props, ref) {
|
|
|
427
429
|
}
|
|
428
430
|
};
|
|
429
431
|
// Handle clicking outside the overlay to close it
|
|
430
|
-
$
|
|
432
|
+
$6Zb2x$reactariainteractions.useInteractOutside({
|
|
431
433
|
ref: ref,
|
|
432
434
|
onInteractOutside: isDismissable ? onInteractOutside : null,
|
|
433
435
|
onInteractOutsideStart: onInteractOutsideStart
|
|
434
436
|
});
|
|
435
|
-
let { focusWithinProps: focusWithinProps } = $
|
|
437
|
+
let { focusWithinProps: focusWithinProps } = $6Zb2x$reactariainteractions.useFocusWithin({
|
|
436
438
|
isDisabled: !shouldCloseOnBlur,
|
|
437
439
|
onBlurWithin: (e)=>{
|
|
438
440
|
if (!shouldCloseOnInteractOutside || shouldCloseOnInteractOutside(e.relatedTarget)) onClose();
|
|
@@ -454,19 +456,19 @@ function $40b44eb4479b0046$export$ea8f71083e90600f(props, ref) {
|
|
|
454
456
|
}
|
|
455
457
|
|
|
456
458
|
|
|
457
|
-
var $
|
|
459
|
+
var $b4878eb6316f670a$exports = {};
|
|
458
460
|
|
|
459
|
-
$parcel$export($
|
|
461
|
+
$parcel$export($b4878eb6316f670a$exports, "useOverlayTrigger", () => $b4878eb6316f670a$export$f9d5c8beee7d008d);
|
|
460
462
|
|
|
461
463
|
|
|
462
464
|
|
|
463
|
-
function $
|
|
465
|
+
function $b4878eb6316f670a$export$f9d5c8beee7d008d(props, state, ref) {
|
|
464
466
|
let { type: type } = props;
|
|
465
467
|
let { isOpen: isOpen } = state;
|
|
466
468
|
// Backward compatibility. Share state close function with useOverlayPosition so it can close on scroll
|
|
467
469
|
// without forcing users to pass onClose.
|
|
468
|
-
$
|
|
469
|
-
if (ref && ref.current) $
|
|
470
|
+
$6Zb2x$react.useEffect(()=>{
|
|
471
|
+
if (ref && ref.current) $9a8aa1b0b336ea3a$export$f6211563215e3b37.set(ref.current, state.close);
|
|
470
472
|
});
|
|
471
473
|
// Aria 1.1 supports multiple values for aria-haspopup other than just menus.
|
|
472
474
|
// https://www.w3.org/TR/wai-aria-1.1/#aria-haspopup
|
|
@@ -475,7 +477,7 @@ function $5f708239f2698a61$export$f9d5c8beee7d008d(props, state, ref) {
|
|
|
475
477
|
let ariaHasPopup = undefined;
|
|
476
478
|
if (type === 'menu') ariaHasPopup = true;
|
|
477
479
|
else if (type === 'listbox') ariaHasPopup = 'listbox';
|
|
478
|
-
let overlayId = $
|
|
480
|
+
let overlayId = $6Zb2x$reactariautils.useId();
|
|
479
481
|
return {
|
|
480
482
|
triggerProps: {
|
|
481
483
|
'aria-haspopup': ariaHasPopup,
|
|
@@ -489,14 +491,14 @@ function $5f708239f2698a61$export$f9d5c8beee7d008d(props, state, ref) {
|
|
|
489
491
|
}
|
|
490
492
|
|
|
491
493
|
|
|
492
|
-
var $
|
|
494
|
+
var $5c2f5cd01815d369$exports = {};
|
|
493
495
|
|
|
494
|
-
$parcel$export($
|
|
496
|
+
$parcel$export($5c2f5cd01815d369$exports, "usePreventScroll", () => $5c2f5cd01815d369$export$ee0f7cc6afcd1c18);
|
|
495
497
|
|
|
496
498
|
// @ts-ignore
|
|
497
|
-
const $
|
|
499
|
+
const $5c2f5cd01815d369$var$visualViewport = typeof window !== 'undefined' && window.visualViewport;
|
|
498
500
|
// HTML input types that do not cause the software keyboard to appear.
|
|
499
|
-
const $
|
|
501
|
+
const $5c2f5cd01815d369$var$nonTextInputTypes = new Set([
|
|
500
502
|
'checkbox',
|
|
501
503
|
'radio',
|
|
502
504
|
'range',
|
|
@@ -507,21 +509,21 @@ const $2adc05a4a4c87411$var$nonTextInputTypes = new Set([
|
|
|
507
509
|
'submit',
|
|
508
510
|
'reset'
|
|
509
511
|
]);
|
|
510
|
-
function $
|
|
512
|
+
function $5c2f5cd01815d369$export$ee0f7cc6afcd1c18(options = {
|
|
511
513
|
}) {
|
|
512
514
|
let { isDisabled: isDisabled } = options;
|
|
513
|
-
$
|
|
515
|
+
$6Zb2x$reactariautils.useLayoutEffect(()=>{
|
|
514
516
|
if (isDisabled) return;
|
|
515
|
-
if ($
|
|
516
|
-
else return $
|
|
517
|
+
if ($6Zb2x$reactariautils.isIOS()) return $5c2f5cd01815d369$var$preventScrollMobileSafari();
|
|
518
|
+
else return $5c2f5cd01815d369$var$preventScrollStandard();
|
|
517
519
|
}, [
|
|
518
520
|
isDisabled
|
|
519
521
|
]);
|
|
520
522
|
}
|
|
521
523
|
// For most browsers, all we need to do is set `overflow: hidden` on the root element, and
|
|
522
524
|
// add some padding to prevent the page from shifting when the scrollbar is hidden.
|
|
523
|
-
function $
|
|
524
|
-
return $
|
|
525
|
+
function $5c2f5cd01815d369$var$preventScrollStandard() {
|
|
526
|
+
return $6Zb2x$reactariautils.chain($5c2f5cd01815d369$var$setStyle(document.documentElement, 'paddingRight', `${window.innerWidth - document.documentElement.clientWidth}px`), $5c2f5cd01815d369$var$setStyle(document.documentElement, 'overflow', 'hidden'));
|
|
525
527
|
}
|
|
526
528
|
// Mobile Safari is a whole different beast. Even with overflow: hidden,
|
|
527
529
|
// it still scrolls the page in many situations:
|
|
@@ -549,12 +551,12 @@ function $2adc05a4a4c87411$var$preventScrollStandard() {
|
|
|
549
551
|
// above work or Safari will still try to scroll the page when focusing an input.
|
|
550
552
|
// 6. As a last resort, handle window scroll events, and scroll back to the top. This can happen when attempting
|
|
551
553
|
// to navigate to an input with the next/previous buttons that's outside a modal.
|
|
552
|
-
function $
|
|
554
|
+
function $5c2f5cd01815d369$var$preventScrollMobileSafari() {
|
|
553
555
|
let scrollable;
|
|
554
556
|
let lastY = 0;
|
|
555
557
|
let onTouchStart = (e)=>{
|
|
556
558
|
// Store the nearest scrollable parent element from the element that the user touched.
|
|
557
|
-
scrollable = $
|
|
559
|
+
scrollable = $6Zb2x$reactariautils.getScrollParent(e.target);
|
|
558
560
|
if (scrollable === document.documentElement && scrollable === document.body) return;
|
|
559
561
|
lastY = e.changedTouches[0].pageY;
|
|
560
562
|
};
|
|
@@ -576,7 +578,8 @@ function $2adc05a4a4c87411$var$preventScrollMobileSafari() {
|
|
|
576
578
|
};
|
|
577
579
|
let onTouchEnd = (e)=>{
|
|
578
580
|
let target = e.target;
|
|
579
|
-
if
|
|
581
|
+
// Apply this change if we're not already focused on the target element
|
|
582
|
+
if (target instanceof HTMLInputElement && !$5c2f5cd01815d369$var$nonTextInputTypes.has(target.type) && target !== document.activeElement) {
|
|
580
583
|
e.preventDefault();
|
|
581
584
|
// Apply a transform to trick Safari into thinking the input is at the top of the page
|
|
582
585
|
// so it doesn't try to scroll it into view. When tapping on an input, this needs to
|
|
@@ -590,7 +593,7 @@ function $2adc05a4a4c87411$var$preventScrollMobileSafari() {
|
|
|
590
593
|
};
|
|
591
594
|
let onFocus = (e)=>{
|
|
592
595
|
let target = e.target;
|
|
593
|
-
if (target instanceof HTMLInputElement && !$
|
|
596
|
+
if (target instanceof HTMLInputElement && !$5c2f5cd01815d369$var$nonTextInputTypes.has(target.type)) {
|
|
594
597
|
// Transform also needs to be applied in the focus event in cases where focus moves
|
|
595
598
|
// other than tapping on an input directly, e.g. the next/previous buttons in the
|
|
596
599
|
// software keyboard. In these cases, it seems applying the transform in the focus event
|
|
@@ -600,15 +603,15 @@ function $2adc05a4a4c87411$var$preventScrollMobileSafari() {
|
|
|
600
603
|
target.style.transform = '';
|
|
601
604
|
// This will have prevented the browser from scrolling the focused element into view,
|
|
602
605
|
// so we need to do this ourselves in a way that doesn't cause the whole page to scroll.
|
|
603
|
-
if ($
|
|
604
|
-
if ($
|
|
606
|
+
if ($5c2f5cd01815d369$var$visualViewport) {
|
|
607
|
+
if ($5c2f5cd01815d369$var$visualViewport.height < window.innerHeight) // If the keyboard is already visible, do this after one additional frame
|
|
605
608
|
// to wait for the transform to be removed.
|
|
606
609
|
requestAnimationFrame(()=>{
|
|
607
|
-
$
|
|
610
|
+
$5c2f5cd01815d369$var$scrollIntoView(target);
|
|
608
611
|
});
|
|
609
612
|
else // Otherwise, wait for the visual viewport to resize before scrolling so we can
|
|
610
613
|
// measure the correct position to scroll to.
|
|
611
|
-
$
|
|
614
|
+
$5c2f5cd01815d369$var$visualViewport.addEventListener('resize', ()=>$5c2f5cd01815d369$var$scrollIntoView(target)
|
|
612
615
|
, {
|
|
613
616
|
once: true
|
|
614
617
|
});
|
|
@@ -626,19 +629,19 @@ function $2adc05a4a4c87411$var$preventScrollMobileSafari() {
|
|
|
626
629
|
// enable us to scroll the window to the top, which is required for the rest of this to work.
|
|
627
630
|
let scrollX = window.pageXOffset;
|
|
628
631
|
let scrollY = window.pageYOffset;
|
|
629
|
-
let restoreStyles = $
|
|
632
|
+
let restoreStyles = $6Zb2x$reactariautils.chain($5c2f5cd01815d369$var$setStyle(document.documentElement, 'paddingRight', `${window.innerWidth - document.documentElement.clientWidth}px`), $5c2f5cd01815d369$var$setStyle(document.documentElement, 'overflow', 'hidden'), $5c2f5cd01815d369$var$setStyle(document.body, 'marginTop', `-${scrollY}px`));
|
|
630
633
|
// Scroll to the top. The negative margin on the body will make this appear the same.
|
|
631
634
|
window.scrollTo(0, 0);
|
|
632
|
-
let removeEvents = $
|
|
635
|
+
let removeEvents = $6Zb2x$reactariautils.chain($5c2f5cd01815d369$var$addEvent(document, 'touchstart', onTouchStart, {
|
|
633
636
|
passive: false,
|
|
634
637
|
capture: true
|
|
635
|
-
}), $
|
|
638
|
+
}), $5c2f5cd01815d369$var$addEvent(document, 'touchmove', onTouchMove, {
|
|
636
639
|
passive: false,
|
|
637
640
|
capture: true
|
|
638
|
-
}), $
|
|
641
|
+
}), $5c2f5cd01815d369$var$addEvent(document, 'touchend', onTouchEnd, {
|
|
639
642
|
passive: false,
|
|
640
643
|
capture: true
|
|
641
|
-
}), $
|
|
644
|
+
}), $5c2f5cd01815d369$var$addEvent(document, 'focus', onFocus, true), $5c2f5cd01815d369$var$addEvent(window, 'scroll', onWindowScroll));
|
|
642
645
|
return ()=>{
|
|
643
646
|
// Restore styles and scroll the page back to where it was.
|
|
644
647
|
restoreStyles();
|
|
@@ -647,7 +650,7 @@ function $2adc05a4a4c87411$var$preventScrollMobileSafari() {
|
|
|
647
650
|
};
|
|
648
651
|
}
|
|
649
652
|
// Sets a CSS property on an element, and returns a function to revert it to the previous value.
|
|
650
|
-
function $
|
|
653
|
+
function $5c2f5cd01815d369$var$setStyle(element, style, value) {
|
|
651
654
|
let cur = element.style[style];
|
|
652
655
|
element.style[style] = value;
|
|
653
656
|
return ()=>{
|
|
@@ -655,15 +658,15 @@ function $2adc05a4a4c87411$var$setStyle(element, style, value) {
|
|
|
655
658
|
};
|
|
656
659
|
}
|
|
657
660
|
// Adds an event listener to an element, and returns a function to remove it.
|
|
658
|
-
function $
|
|
661
|
+
function $5c2f5cd01815d369$var$addEvent(target, event, handler, options) {
|
|
659
662
|
target.addEventListener(event, handler, options);
|
|
660
663
|
return ()=>{
|
|
661
664
|
target.removeEventListener(event, handler, options);
|
|
662
665
|
};
|
|
663
666
|
}
|
|
664
|
-
function $
|
|
667
|
+
function $5c2f5cd01815d369$var$scrollIntoView(target) {
|
|
665
668
|
// Find the parent scrollable element and adjust the scroll position if the target is not already in view.
|
|
666
|
-
let scrollable = $
|
|
669
|
+
let scrollable = $6Zb2x$reactariautils.getScrollParent(target);
|
|
667
670
|
if (scrollable !== document.documentElement && scrollable !== document.body) {
|
|
668
671
|
let scrollableTop = scrollable.getBoundingClientRect().top;
|
|
669
672
|
let targetTop = target.getBoundingClientRect().top;
|
|
@@ -672,21 +675,21 @@ function $2adc05a4a4c87411$var$scrollIntoView(target) {
|
|
|
672
675
|
}
|
|
673
676
|
|
|
674
677
|
|
|
675
|
-
var $
|
|
678
|
+
var $0775ea8ea6a0565e$exports = {};
|
|
676
679
|
|
|
677
|
-
$parcel$export($
|
|
678
|
-
$parcel$export($
|
|
679
|
-
$parcel$export($
|
|
680
|
-
$parcel$export($
|
|
681
|
-
$parcel$export($
|
|
680
|
+
$parcel$export($0775ea8ea6a0565e$exports, "ModalProvider", () => $0775ea8ea6a0565e$export$178405afcd8c5eb);
|
|
681
|
+
$parcel$export($0775ea8ea6a0565e$exports, "useModalProvider", () => $0775ea8ea6a0565e$export$d9aaed4c3ece1bc0);
|
|
682
|
+
$parcel$export($0775ea8ea6a0565e$exports, "OverlayProvider", () => $0775ea8ea6a0565e$export$bf688221f59024e5);
|
|
683
|
+
$parcel$export($0775ea8ea6a0565e$exports, "OverlayContainer", () => $0775ea8ea6a0565e$export$b47c3594eab58386);
|
|
684
|
+
$parcel$export($0775ea8ea6a0565e$exports, "useModal", () => $0775ea8ea6a0565e$export$33ffd74ebf07f060);
|
|
682
685
|
|
|
683
686
|
|
|
684
|
-
const $
|
|
685
|
-
function $
|
|
687
|
+
const $0775ea8ea6a0565e$var$Context = /*#__PURE__*/ ($parcel$interopDefault($6Zb2x$react)).createContext(null);
|
|
688
|
+
function $0775ea8ea6a0565e$export$178405afcd8c5eb(props) {
|
|
686
689
|
let { children: children } = props;
|
|
687
|
-
let parent = $
|
|
688
|
-
let [modalCount, setModalCount] = $
|
|
689
|
-
let context = $
|
|
690
|
+
let parent = $6Zb2x$react.useContext($0775ea8ea6a0565e$var$Context);
|
|
691
|
+
let [modalCount, setModalCount] = $6Zb2x$react.useState(0);
|
|
692
|
+
let context = $6Zb2x$react.useMemo(()=>({
|
|
690
693
|
parent: parent,
|
|
691
694
|
modalCount: modalCount,
|
|
692
695
|
addModal () {
|
|
@@ -704,12 +707,12 @@ function $eb68339c0383ca62$export$178405afcd8c5eb(props) {
|
|
|
704
707
|
parent,
|
|
705
708
|
modalCount
|
|
706
709
|
]);
|
|
707
|
-
return(/*#__PURE__*/ ($parcel$interopDefault($
|
|
710
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($6Zb2x$react)).createElement($0775ea8ea6a0565e$var$Context.Provider, {
|
|
708
711
|
value: context
|
|
709
712
|
}, children));
|
|
710
713
|
}
|
|
711
|
-
function $
|
|
712
|
-
let context = $
|
|
714
|
+
function $0775ea8ea6a0565e$export$d9aaed4c3ece1bc0() {
|
|
715
|
+
let context = $6Zb2x$react.useContext($0775ea8ea6a0565e$var$Context);
|
|
713
716
|
return {
|
|
714
717
|
modalProviderProps: {
|
|
715
718
|
'aria-hidden': context && context.modalCount > 0 ? true : null
|
|
@@ -718,33 +721,33 @@ function $eb68339c0383ca62$export$d9aaed4c3ece1bc0() {
|
|
|
718
721
|
}
|
|
719
722
|
/**
|
|
720
723
|
* Creates a root node that will be aria-hidden if there are other modals open.
|
|
721
|
-
*/ function $
|
|
722
|
-
let { modalProviderProps: modalProviderProps } = $
|
|
723
|
-
return(/*#__PURE__*/ ($parcel$interopDefault($
|
|
724
|
+
*/ function $0775ea8ea6a0565e$var$OverlayContainerDOM(props) {
|
|
725
|
+
let { modalProviderProps: modalProviderProps } = $0775ea8ea6a0565e$export$d9aaed4c3ece1bc0();
|
|
726
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($6Zb2x$react)).createElement("div", {
|
|
724
727
|
"data-overlay-container": true,
|
|
725
728
|
...props,
|
|
726
729
|
...modalProviderProps
|
|
727
730
|
}));
|
|
728
731
|
}
|
|
729
|
-
function $
|
|
730
|
-
return(/*#__PURE__*/ ($parcel$interopDefault($
|
|
732
|
+
function $0775ea8ea6a0565e$export$bf688221f59024e5(props) {
|
|
733
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($6Zb2x$react)).createElement($0775ea8ea6a0565e$export$178405afcd8c5eb, null, /*#__PURE__*/ ($parcel$interopDefault($6Zb2x$react)).createElement($0775ea8ea6a0565e$var$OverlayContainerDOM, props)));
|
|
731
734
|
}
|
|
732
|
-
function $
|
|
735
|
+
function $0775ea8ea6a0565e$export$b47c3594eab58386(props) {
|
|
733
736
|
let { portalContainer: portalContainer = document.body , ...rest } = props;
|
|
734
|
-
($parcel$interopDefault($
|
|
737
|
+
($parcel$interopDefault($6Zb2x$react)).useEffect(()=>{
|
|
735
738
|
if (portalContainer.closest('[data-overlay-container]')) throw new Error('An OverlayContainer must not be inside another container. Please change the portalContainer prop.');
|
|
736
739
|
}, [
|
|
737
740
|
portalContainer
|
|
738
741
|
]);
|
|
739
|
-
let contents = /*#__PURE__*/ ($parcel$interopDefault($
|
|
740
|
-
return(/*#__PURE__*/ ($parcel$interopDefault($
|
|
742
|
+
let contents = /*#__PURE__*/ ($parcel$interopDefault($6Zb2x$react)).createElement($0775ea8ea6a0565e$export$bf688221f59024e5, rest);
|
|
743
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($6Zb2x$reactdom)).createPortal(contents, portalContainer));
|
|
741
744
|
}
|
|
742
|
-
function $
|
|
745
|
+
function $0775ea8ea6a0565e$export$33ffd74ebf07f060(options) {
|
|
743
746
|
// Add aria-hidden to all parent providers on mount, and restore on unmount.
|
|
744
|
-
let context = $
|
|
747
|
+
let context = $6Zb2x$react.useContext($0775ea8ea6a0565e$var$Context);
|
|
745
748
|
if (!context) throw new Error('Modal is not contained within a provider');
|
|
746
|
-
$
|
|
747
|
-
if (options
|
|
749
|
+
$6Zb2x$react.useEffect(()=>{
|
|
750
|
+
if ((options === null || options === void 0 ? void 0 : options.isDisabled) || !context || !context.parent) return;
|
|
748
751
|
// The immediate context is from the provider containing this modal, so we only
|
|
749
752
|
// want to trigger aria-hidden on its parents not on the modal provider itself.
|
|
750
753
|
context.parent.addModal();
|
|
@@ -754,214 +757,216 @@ function $eb68339c0383ca62$export$33ffd74ebf07f060(options) {
|
|
|
754
757
|
}, [
|
|
755
758
|
context,
|
|
756
759
|
context.parent,
|
|
757
|
-
options
|
|
760
|
+
options === null || options === void 0 ? void 0 : options.isDisabled
|
|
758
761
|
]);
|
|
759
762
|
return {
|
|
760
763
|
modalProps: {
|
|
761
|
-
'data-ismodal': !options
|
|
764
|
+
'data-ismodal': !(options === null || options === void 0 ? void 0 : options.isDisabled)
|
|
762
765
|
}
|
|
763
766
|
};
|
|
764
767
|
}
|
|
765
768
|
|
|
766
769
|
|
|
767
|
-
var $
|
|
770
|
+
var $f69bb3e6457495cc$exports = {};
|
|
768
771
|
|
|
769
|
-
$parcel$export($
|
|
770
|
-
var $
|
|
771
|
-
var $
|
|
772
|
-
$
|
|
772
|
+
$parcel$export($f69bb3e6457495cc$exports, "DismissButton", () => $f69bb3e6457495cc$export$2317d149ed6f78c4);
|
|
773
|
+
var $18d014414048a7ba$exports = {};
|
|
774
|
+
var $4393d9b86d3ad278$exports = {};
|
|
775
|
+
$4393d9b86d3ad278$exports = JSON.parse("{\"dismiss\":\"تجاهل\"}");
|
|
773
776
|
|
|
774
777
|
|
|
775
|
-
var $
|
|
776
|
-
$
|
|
778
|
+
var $254224013ae06959$exports = {};
|
|
779
|
+
$254224013ae06959$exports = JSON.parse("{\"dismiss\":\"Отхвърляне\"}");
|
|
777
780
|
|
|
778
781
|
|
|
779
|
-
var $
|
|
780
|
-
$
|
|
782
|
+
var $55d3567b59d09782$exports = {};
|
|
783
|
+
$55d3567b59d09782$exports = JSON.parse("{\"dismiss\":\"Odstranit\"}");
|
|
781
784
|
|
|
782
785
|
|
|
783
|
-
var $
|
|
784
|
-
$
|
|
786
|
+
var $0e419a7be7773c16$exports = {};
|
|
787
|
+
$0e419a7be7773c16$exports = JSON.parse("{\"dismiss\":\"Luk\"}");
|
|
785
788
|
|
|
786
789
|
|
|
787
|
-
var $
|
|
788
|
-
$
|
|
790
|
+
var $be606513c8356c34$exports = {};
|
|
791
|
+
$be606513c8356c34$exports = JSON.parse("{\"dismiss\":\"Schließen\"}");
|
|
789
792
|
|
|
790
793
|
|
|
791
|
-
var $
|
|
792
|
-
$
|
|
794
|
+
var $7d99787e5bd26f87$exports = {};
|
|
795
|
+
$7d99787e5bd26f87$exports = JSON.parse("{\"dismiss\":\"Απόρριψη\"}");
|
|
793
796
|
|
|
794
797
|
|
|
795
|
-
var $
|
|
796
|
-
$
|
|
798
|
+
var $0360f2a6534752c1$exports = {};
|
|
799
|
+
$0360f2a6534752c1$exports = JSON.parse("{\"dismiss\":\"Dismiss\"}");
|
|
797
800
|
|
|
798
801
|
|
|
799
|
-
var $
|
|
800
|
-
$
|
|
802
|
+
var $92bf4fdecfeb6a61$exports = {};
|
|
803
|
+
$92bf4fdecfeb6a61$exports = JSON.parse("{\"dismiss\":\"Descartar\"}");
|
|
801
804
|
|
|
802
805
|
|
|
803
|
-
var $
|
|
804
|
-
$
|
|
806
|
+
var $7c02fa9b9c598043$exports = {};
|
|
807
|
+
$7c02fa9b9c598043$exports = JSON.parse("{\"dismiss\":\"Lõpeta\"}");
|
|
805
808
|
|
|
806
809
|
|
|
807
|
-
var $
|
|
808
|
-
$
|
|
810
|
+
var $ba53535dcca59343$exports = {};
|
|
811
|
+
$ba53535dcca59343$exports = JSON.parse("{\"dismiss\":\"Hylkää\"}");
|
|
809
812
|
|
|
810
813
|
|
|
811
|
-
var $
|
|
812
|
-
$
|
|
814
|
+
var $2fbbcddf7d252cb7$exports = {};
|
|
815
|
+
$2fbbcddf7d252cb7$exports = JSON.parse("{\"dismiss\":\"Rejeter\"}");
|
|
813
816
|
|
|
814
817
|
|
|
815
|
-
var $
|
|
816
|
-
$
|
|
818
|
+
var $0a1f0520e07d3596$exports = {};
|
|
819
|
+
$0a1f0520e07d3596$exports = JSON.parse("{\"dismiss\":\"התעלם\"}");
|
|
817
820
|
|
|
818
821
|
|
|
819
|
-
var $
|
|
820
|
-
$
|
|
822
|
+
var $f7be5df1487823a9$exports = {};
|
|
823
|
+
$f7be5df1487823a9$exports = JSON.parse("{\"dismiss\":\"Odbaci\"}");
|
|
821
824
|
|
|
822
825
|
|
|
823
|
-
var $
|
|
824
|
-
$
|
|
826
|
+
var $8dbe4363bfbba3f9$exports = {};
|
|
827
|
+
$8dbe4363bfbba3f9$exports = JSON.parse("{\"dismiss\":\"Elutasítás\"}");
|
|
825
828
|
|
|
826
829
|
|
|
827
|
-
var $
|
|
828
|
-
$
|
|
830
|
+
var $90a445da1ad273e7$exports = {};
|
|
831
|
+
$90a445da1ad273e7$exports = JSON.parse("{\"dismiss\":\"Ignora\"}");
|
|
829
832
|
|
|
830
833
|
|
|
831
|
-
var $
|
|
832
|
-
$
|
|
834
|
+
var $e1ebf18259c9b1ee$exports = {};
|
|
835
|
+
$e1ebf18259c9b1ee$exports = JSON.parse("{\"dismiss\":\"閉じる\"}");
|
|
833
836
|
|
|
834
837
|
|
|
835
|
-
var $
|
|
836
|
-
$
|
|
838
|
+
var $765893642f3b4f72$exports = {};
|
|
839
|
+
$765893642f3b4f72$exports = JSON.parse("{\"dismiss\":\"무시\"}");
|
|
837
840
|
|
|
838
841
|
|
|
839
|
-
var $
|
|
840
|
-
$
|
|
842
|
+
var $af73ba24f63febd1$exports = {};
|
|
843
|
+
$af73ba24f63febd1$exports = JSON.parse("{\"dismiss\":\"Atmesti\"}");
|
|
841
844
|
|
|
842
845
|
|
|
843
|
-
var $
|
|
844
|
-
$
|
|
846
|
+
var $97aac9f6740ee412$exports = {};
|
|
847
|
+
$97aac9f6740ee412$exports = JSON.parse("{\"dismiss\":\"Nerādīt\"}");
|
|
845
848
|
|
|
846
849
|
|
|
847
|
-
var $
|
|
848
|
-
$
|
|
850
|
+
var $92fbe76e196d7e0a$exports = {};
|
|
851
|
+
$92fbe76e196d7e0a$exports = JSON.parse("{\"dismiss\":\"Lukk\"}");
|
|
849
852
|
|
|
850
853
|
|
|
851
|
-
var $
|
|
852
|
-
$
|
|
854
|
+
var $44399897afb701ce$exports = {};
|
|
855
|
+
$44399897afb701ce$exports = JSON.parse("{\"dismiss\":\"Negeren\"}");
|
|
853
856
|
|
|
854
857
|
|
|
855
|
-
var $
|
|
856
|
-
$
|
|
858
|
+
var $d679e258664d7384$exports = {};
|
|
859
|
+
$d679e258664d7384$exports = JSON.parse("{\"dismiss\":\"Zignoruj\"}");
|
|
857
860
|
|
|
858
861
|
|
|
859
|
-
var $
|
|
860
|
-
$
|
|
862
|
+
var $b51fc2992648966b$exports = {};
|
|
863
|
+
$b51fc2992648966b$exports = JSON.parse("{\"dismiss\":\"Descartar\"}");
|
|
861
864
|
|
|
862
865
|
|
|
863
|
-
var $
|
|
864
|
-
$
|
|
866
|
+
var $6abbc540dcd5f78c$exports = {};
|
|
867
|
+
$6abbc540dcd5f78c$exports = JSON.parse("{\"dismiss\":\"Dispensar\"}");
|
|
865
868
|
|
|
866
869
|
|
|
867
|
-
var $
|
|
868
|
-
$
|
|
870
|
+
var $6cbc0c9bf574473b$exports = {};
|
|
871
|
+
$6cbc0c9bf574473b$exports = JSON.parse("{\"dismiss\":\"Revocare\"}");
|
|
869
872
|
|
|
870
873
|
|
|
871
|
-
var $
|
|
872
|
-
$
|
|
874
|
+
var $009edbe58be6525b$exports = {};
|
|
875
|
+
$009edbe58be6525b$exports = JSON.parse("{\"dismiss\":\"Пропустить\"}");
|
|
873
876
|
|
|
874
877
|
|
|
875
|
-
var $
|
|
876
|
-
$
|
|
878
|
+
var $01cf6095489e78f7$exports = {};
|
|
879
|
+
$01cf6095489e78f7$exports = JSON.parse("{\"dismiss\":\"Zrušiť\"}");
|
|
877
880
|
|
|
878
881
|
|
|
879
|
-
var $
|
|
880
|
-
$
|
|
882
|
+
var $33fd5a1a3753e83f$exports = {};
|
|
883
|
+
$33fd5a1a3753e83f$exports = JSON.parse("{\"dismiss\":\"Opusti\"}");
|
|
881
884
|
|
|
882
885
|
|
|
883
|
-
var $
|
|
884
|
-
$
|
|
886
|
+
var $6b9373a558e74e84$exports = {};
|
|
887
|
+
$6b9373a558e74e84$exports = JSON.parse("{\"dismiss\":\"Odbaci\"}");
|
|
885
888
|
|
|
886
889
|
|
|
887
|
-
var $
|
|
888
|
-
$
|
|
890
|
+
var $90008194c3db7fce$exports = {};
|
|
891
|
+
$90008194c3db7fce$exports = JSON.parse("{\"dismiss\":\"Avvisa\"}");
|
|
889
892
|
|
|
890
893
|
|
|
891
|
-
var $
|
|
892
|
-
$
|
|
894
|
+
var $e29d21290b4ce15c$exports = {};
|
|
895
|
+
$e29d21290b4ce15c$exports = JSON.parse("{\"dismiss\":\"Kapat\"}");
|
|
893
896
|
|
|
894
897
|
|
|
895
|
-
var $
|
|
896
|
-
$
|
|
898
|
+
var $96139c59e8ba3f85$exports = {};
|
|
899
|
+
$96139c59e8ba3f85$exports = JSON.parse("{\"dismiss\":\"Скасувати\"}");
|
|
897
900
|
|
|
898
901
|
|
|
899
|
-
var $
|
|
900
|
-
$
|
|
902
|
+
var $052554192ea8e826$exports = {};
|
|
903
|
+
$052554192ea8e826$exports = JSON.parse("{\"dismiss\":\"取消\"}");
|
|
901
904
|
|
|
902
905
|
|
|
903
|
-
var $
|
|
904
|
-
$
|
|
906
|
+
var $3f3b5d798a5abdbc$exports = {};
|
|
907
|
+
$3f3b5d798a5abdbc$exports = JSON.parse("{\"dismiss\":\"關閉\"}");
|
|
905
908
|
|
|
906
909
|
|
|
907
|
-
$
|
|
908
|
-
"ar-AE": $
|
|
909
|
-
"bg-BG": $
|
|
910
|
-
"cs-CZ": $
|
|
911
|
-
"da-DK": $
|
|
912
|
-
"de-DE": $
|
|
913
|
-
"el-GR": $
|
|
914
|
-
"en-US": $
|
|
915
|
-
"es-ES": $
|
|
916
|
-
"et-EE": $
|
|
917
|
-
"fi-FI": $
|
|
918
|
-
"fr-FR": $
|
|
919
|
-
"he-IL": $
|
|
920
|
-
"hr-HR": $
|
|
921
|
-
"hu-HU": $
|
|
922
|
-
"it-IT": $
|
|
923
|
-
"ja-JP": $
|
|
924
|
-
"ko-KR": $
|
|
925
|
-
"lt-LT": $
|
|
926
|
-
"lv-LV": $
|
|
927
|
-
"nb-NO": $
|
|
928
|
-
"nl-NL": $
|
|
929
|
-
"pl-PL": $
|
|
930
|
-
"pt-BR": $
|
|
931
|
-
"pt-PT": $
|
|
932
|
-
"ro-RO": $
|
|
933
|
-
"ru-RU": $
|
|
934
|
-
"sk-SK": $
|
|
935
|
-
"sl-SI": $
|
|
936
|
-
"sr-SP": $
|
|
937
|
-
"sv-SE": $
|
|
938
|
-
"tr-TR": $
|
|
939
|
-
"uk-UA": $
|
|
940
|
-
"zh-CN": $
|
|
941
|
-
"zh-TW": $
|
|
910
|
+
$18d014414048a7ba$exports = {
|
|
911
|
+
"ar-AE": $4393d9b86d3ad278$exports,
|
|
912
|
+
"bg-BG": $254224013ae06959$exports,
|
|
913
|
+
"cs-CZ": $55d3567b59d09782$exports,
|
|
914
|
+
"da-DK": $0e419a7be7773c16$exports,
|
|
915
|
+
"de-DE": $be606513c8356c34$exports,
|
|
916
|
+
"el-GR": $7d99787e5bd26f87$exports,
|
|
917
|
+
"en-US": $0360f2a6534752c1$exports,
|
|
918
|
+
"es-ES": $92bf4fdecfeb6a61$exports,
|
|
919
|
+
"et-EE": $7c02fa9b9c598043$exports,
|
|
920
|
+
"fi-FI": $ba53535dcca59343$exports,
|
|
921
|
+
"fr-FR": $2fbbcddf7d252cb7$exports,
|
|
922
|
+
"he-IL": $0a1f0520e07d3596$exports,
|
|
923
|
+
"hr-HR": $f7be5df1487823a9$exports,
|
|
924
|
+
"hu-HU": $8dbe4363bfbba3f9$exports,
|
|
925
|
+
"it-IT": $90a445da1ad273e7$exports,
|
|
926
|
+
"ja-JP": $e1ebf18259c9b1ee$exports,
|
|
927
|
+
"ko-KR": $765893642f3b4f72$exports,
|
|
928
|
+
"lt-LT": $af73ba24f63febd1$exports,
|
|
929
|
+
"lv-LV": $97aac9f6740ee412$exports,
|
|
930
|
+
"nb-NO": $92fbe76e196d7e0a$exports,
|
|
931
|
+
"nl-NL": $44399897afb701ce$exports,
|
|
932
|
+
"pl-PL": $d679e258664d7384$exports,
|
|
933
|
+
"pt-BR": $b51fc2992648966b$exports,
|
|
934
|
+
"pt-PT": $6abbc540dcd5f78c$exports,
|
|
935
|
+
"ro-RO": $6cbc0c9bf574473b$exports,
|
|
936
|
+
"ru-RU": $009edbe58be6525b$exports,
|
|
937
|
+
"sk-SK": $01cf6095489e78f7$exports,
|
|
938
|
+
"sl-SI": $33fd5a1a3753e83f$exports,
|
|
939
|
+
"sr-SP": $6b9373a558e74e84$exports,
|
|
940
|
+
"sv-SE": $90008194c3db7fce$exports,
|
|
941
|
+
"tr-TR": $e29d21290b4ce15c$exports,
|
|
942
|
+
"uk-UA": $96139c59e8ba3f85$exports,
|
|
943
|
+
"zh-CN": $052554192ea8e826$exports,
|
|
944
|
+
"zh-TW": $3f3b5d798a5abdbc$exports
|
|
942
945
|
};
|
|
943
946
|
|
|
944
947
|
|
|
945
948
|
|
|
946
949
|
|
|
947
950
|
|
|
948
|
-
|
|
949
|
-
|
|
950
|
-
let
|
|
951
|
+
|
|
952
|
+
function $f69bb3e6457495cc$export$2317d149ed6f78c4(props) {
|
|
953
|
+
let { onDismiss: onDismiss , ...otherProps } = props;
|
|
954
|
+
let formatMessage = $6Zb2x$reactariai18n.useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($18d014414048a7ba$exports)));
|
|
955
|
+
let labels = $6Zb2x$reactariautils.useLabels(otherProps, formatMessage('dismiss'));
|
|
951
956
|
let onClick = ()=>{
|
|
952
957
|
if (onDismiss) onDismiss();
|
|
953
958
|
};
|
|
954
|
-
return(/*#__PURE__*/ ($parcel$interopDefault($
|
|
959
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($6Zb2x$react)).createElement($6Zb2x$reactariavisuallyhidden.VisuallyHidden, null, /*#__PURE__*/ ($parcel$interopDefault($6Zb2x$react)).createElement("button", {
|
|
960
|
+
...labels,
|
|
955
961
|
tabIndex: -1,
|
|
956
|
-
"aria-label": formatMessage('dismiss'),
|
|
957
962
|
onClick: onClick
|
|
958
963
|
})));
|
|
959
964
|
}
|
|
960
965
|
|
|
961
966
|
|
|
962
|
-
var $
|
|
967
|
+
var $08ef1685902b6011$exports = {};
|
|
963
968
|
|
|
964
|
-
$parcel$export($
|
|
969
|
+
$parcel$export($08ef1685902b6011$exports, "ariaHideOutside", () => $08ef1685902b6011$export$1c3ebcada18427bf);
|
|
965
970
|
/*
|
|
966
971
|
* Copyright 2020 Adobe. All rights reserved.
|
|
967
972
|
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
@@ -974,8 +979,8 @@ $parcel$export($05f8eb9193e54a86$exports, "ariaHideOutside", () => $05f8eb9193e5
|
|
|
974
979
|
* governing permissions and limitations under the License.
|
|
975
980
|
*/ // Keeps a ref count of all hidden elements. Added to when hiding an element, and
|
|
976
981
|
// subtracted from when showing it again. When it reaches zero, aria-hidden is removed.
|
|
977
|
-
let $
|
|
978
|
-
function $
|
|
982
|
+
let $08ef1685902b6011$var$refCountMap = new WeakMap();
|
|
983
|
+
function $08ef1685902b6011$export$1c3ebcada18427bf(targets, root = document.body) {
|
|
979
984
|
let visibleNodes = new Set(targets);
|
|
980
985
|
let hiddenNodes = new Set();
|
|
981
986
|
let walker = document.createTreeWalker(root, NodeFilter.SHOW_ELEMENT, {
|
|
@@ -995,13 +1000,14 @@ function $05f8eb9193e54a86$export$1c3ebcada18427bf(targets, root = document.body
|
|
|
995
1000
|
}
|
|
996
1001
|
});
|
|
997
1002
|
let hide = (node)=>{
|
|
998
|
-
|
|
1003
|
+
var ref;
|
|
1004
|
+
let refCount = (ref = $08ef1685902b6011$var$refCountMap.get(node)) !== null && ref !== void 0 ? ref : 0;
|
|
999
1005
|
// If already aria-hidden, and the ref count is zero, then this element
|
|
1000
1006
|
// was already hidden and there's nothing for us to do.
|
|
1001
1007
|
if (node.getAttribute('aria-hidden') === 'true' && refCount === 0) return;
|
|
1002
1008
|
if (refCount === 0) node.setAttribute('aria-hidden', 'true');
|
|
1003
1009
|
hiddenNodes.add(node);
|
|
1004
|
-
$
|
|
1010
|
+
$08ef1685902b6011$var$refCountMap.set(node, refCount + 1);
|
|
1005
1011
|
};
|
|
1006
1012
|
let node1 = walker.nextNode();
|
|
1007
1013
|
while(node1 != null){
|
|
@@ -1030,23 +1036,23 @@ function $05f8eb9193e54a86$export$1c3ebcada18427bf(targets, root = document.body
|
|
|
1030
1036
|
return ()=>{
|
|
1031
1037
|
observer.disconnect();
|
|
1032
1038
|
for (let node of hiddenNodes){
|
|
1033
|
-
let count = $
|
|
1039
|
+
let count = $08ef1685902b6011$var$refCountMap.get(node);
|
|
1034
1040
|
if (count === 1) {
|
|
1035
1041
|
node.removeAttribute('aria-hidden');
|
|
1036
|
-
$
|
|
1037
|
-
} else $
|
|
1042
|
+
$08ef1685902b6011$var$refCountMap.delete(node);
|
|
1043
|
+
} else $08ef1685902b6011$var$refCountMap.set(node, count - 1);
|
|
1038
1044
|
}
|
|
1039
1045
|
};
|
|
1040
1046
|
}
|
|
1041
1047
|
|
|
1042
1048
|
|
|
1043
|
-
$parcel$exportWildcard(module.exports, $
|
|
1044
|
-
$parcel$exportWildcard(module.exports, $
|
|
1045
|
-
$parcel$exportWildcard(module.exports, $
|
|
1046
|
-
$parcel$exportWildcard(module.exports, $
|
|
1047
|
-
$parcel$exportWildcard(module.exports, $
|
|
1048
|
-
$parcel$exportWildcard(module.exports, $
|
|
1049
|
-
$parcel$exportWildcard(module.exports, $
|
|
1049
|
+
$parcel$exportWildcard(module.exports, $cd94b4896dd97759$exports);
|
|
1050
|
+
$parcel$exportWildcard(module.exports, $82711f9cb668ecdb$exports);
|
|
1051
|
+
$parcel$exportWildcard(module.exports, $b4878eb6316f670a$exports);
|
|
1052
|
+
$parcel$exportWildcard(module.exports, $5c2f5cd01815d369$exports);
|
|
1053
|
+
$parcel$exportWildcard(module.exports, $0775ea8ea6a0565e$exports);
|
|
1054
|
+
$parcel$exportWildcard(module.exports, $f69bb3e6457495cc$exports);
|
|
1055
|
+
$parcel$exportWildcard(module.exports, $08ef1685902b6011$exports);
|
|
1050
1056
|
|
|
1051
1057
|
|
|
1052
1058
|
//# sourceMappingURL=main.js.map
|