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