@zextras/carbonio-design-system 12.1.12 → 12.1.13
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/zapp-ui.bundle.cjs +846 -137
- package/dist/zapp-ui.bundle.mjs +846 -137
- package/package.json +1 -1
package/dist/zapp-ui.bundle.cjs
CHANGED
|
@@ -4990,12 +4990,12 @@ function getOppositePlacement(placement) {
|
|
|
4990
4990
|
return oppositeSideMap[side] + placement.slice(side.length);
|
|
4991
4991
|
}
|
|
4992
4992
|
function expandPaddingObject(padding) {
|
|
4993
|
+
var _padding$top, _padding$right, _padding$bottom, _padding$left;
|
|
4993
4994
|
return {
|
|
4994
|
-
top: 0,
|
|
4995
|
-
right: 0,
|
|
4996
|
-
bottom: 0,
|
|
4997
|
-
left: 0
|
|
4998
|
-
...padding
|
|
4995
|
+
top: (_padding$top = padding.top) != null ? _padding$top : 0,
|
|
4996
|
+
right: (_padding$right = padding.right) != null ? _padding$right : 0,
|
|
4997
|
+
bottom: (_padding$bottom = padding.bottom) != null ? _padding$bottom : 0,
|
|
4998
|
+
left: (_padding$left = padding.left) != null ? _padding$left : 0
|
|
4999
4999
|
};
|
|
5000
5000
|
}
|
|
5001
5001
|
function getPaddingObject(padding) {
|
|
@@ -5070,13 +5070,9 @@ function computeCoordsFromPlacement(_ref, placement, rtl) {
|
|
|
5070
5070
|
y: reference.y
|
|
5071
5071
|
};
|
|
5072
5072
|
}
|
|
5073
|
-
|
|
5074
|
-
|
|
5075
|
-
|
|
5076
|
-
break;
|
|
5077
|
-
case 'end':
|
|
5078
|
-
coords[alignmentAxis] += commonAlign * (rtl && isVertical ? -1 : 1);
|
|
5079
|
-
break;
|
|
5073
|
+
const alignment = getAlignment(placement);
|
|
5074
|
+
if (alignment) {
|
|
5075
|
+
coords[alignmentAxis] += commonAlign * (alignment === 'end' ? 1 : -1) * (rtl && isVertical ? -1 : 1);
|
|
5080
5076
|
}
|
|
5081
5077
|
return coords;
|
|
5082
5078
|
}
|
|
@@ -5125,10 +5121,7 @@ async function detectOverflow(state, options) {
|
|
|
5125
5121
|
height: rects.floating.height
|
|
5126
5122
|
} : rects.reference;
|
|
5127
5123
|
const offsetParent = await (platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(elements.floating));
|
|
5128
|
-
const offsetScale = (await (platform.isElement == null ? void 0 : platform.isElement(offsetParent)))
|
|
5129
|
-
x: 1,
|
|
5130
|
-
y: 1
|
|
5131
|
-
} : {
|
|
5124
|
+
const offsetScale = (await (platform.isElement == null ? void 0 : platform.isElement(offsetParent))) && (await (platform.getScale == null ? void 0 : platform.getScale(offsetParent))) || {
|
|
5132
5125
|
x: 1,
|
|
5133
5126
|
y: 1
|
|
5134
5127
|
};
|
|
@@ -5156,7 +5149,7 @@ const MAX_RESET_COUNT = 50;
|
|
|
5156
5149
|
* This export does not have any `platform` interface logic. You will need to
|
|
5157
5150
|
* write one for the platform you are using Floating UI with.
|
|
5158
5151
|
*/
|
|
5159
|
-
const computePosition$
|
|
5152
|
+
const computePosition$2 = async (reference, floating, config) => {
|
|
5160
5153
|
const {
|
|
5161
5154
|
placement = 'bottom',
|
|
5162
5155
|
strategy = 'absolute',
|
|
@@ -5301,17 +5294,16 @@ const arrow$3 = options => ({
|
|
|
5301
5294
|
|
|
5302
5295
|
// Make sure the arrow doesn't overflow the floating element if the center
|
|
5303
5296
|
// point is outside the floating element's bounds.
|
|
5304
|
-
const min$1$1 = minPadding;
|
|
5305
5297
|
const max = clientSize - arrowDimensions[length] - maxPadding;
|
|
5306
5298
|
const center = clientSize / 2 - arrowDimensions[length] / 2 + centerToReference;
|
|
5307
|
-
const offset = clamp(
|
|
5299
|
+
const offset = clamp(minPadding, center, max);
|
|
5308
5300
|
|
|
5309
5301
|
// If the reference is small enough that the arrow's padding causes it to
|
|
5310
5302
|
// to point to nothing for an aligned placement, adjust the offset of the
|
|
5311
5303
|
// floating element itself. To ensure `shift()` continues to take action,
|
|
5312
5304
|
// a single reset is performed when this is true.
|
|
5313
|
-
const shouldAddOffset = !middlewareData.arrow && getAlignment(placement) != null && center !== offset && rects.reference[length] / 2 - (center <
|
|
5314
|
-
const alignmentOffset = shouldAddOffset ? center <
|
|
5305
|
+
const shouldAddOffset = !middlewareData.arrow && getAlignment(placement) != null && center !== offset && rects.reference[length] / 2 - (center < minPadding ? minPadding : maxPadding) - arrowDimensions[length] / 2 < 0;
|
|
5306
|
+
const alignmentOffset = shouldAddOffset ? center < minPadding ? center - minPadding : center - max : 0;
|
|
5315
5307
|
return {
|
|
5316
5308
|
[axis]: coords[axis] + alignmentOffset,
|
|
5317
5309
|
data: {
|
|
@@ -5332,7 +5324,7 @@ const arrow$3 = options => ({
|
|
|
5332
5324
|
* clipping boundary. Alternative to `autoPlacement`.
|
|
5333
5325
|
* @see https://floating-ui.com/docs/flip
|
|
5334
5326
|
*/
|
|
5335
|
-
const flip$
|
|
5327
|
+
const flip$3 = function (options) {
|
|
5336
5328
|
if (options === void 0) {
|
|
5337
5329
|
options = {};
|
|
5338
5330
|
}
|
|
@@ -5510,7 +5502,7 @@ async function convertValueToCoords(state, options) {
|
|
|
5510
5502
|
* object may be passed.
|
|
5511
5503
|
* @see https://floating-ui.com/docs/offset
|
|
5512
5504
|
*/
|
|
5513
|
-
const offset$
|
|
5505
|
+
const offset$3 = function (options) {
|
|
5514
5506
|
if (options === void 0) {
|
|
5515
5507
|
options = 0;
|
|
5516
5508
|
}
|
|
@@ -5585,23 +5577,16 @@ const shift$1 = function (options) {
|
|
|
5585
5577
|
y
|
|
5586
5578
|
};
|
|
5587
5579
|
const overflow = await platform.detectOverflow(state, detectOverflowOptions);
|
|
5588
|
-
const crossAxis = getSideAxis(
|
|
5580
|
+
const crossAxis = getSideAxis(placement);
|
|
5589
5581
|
const mainAxis = getOppositeAxis(crossAxis);
|
|
5590
5582
|
let mainAxisCoord = coords[mainAxis];
|
|
5591
5583
|
let crossAxisCoord = coords[crossAxis];
|
|
5584
|
+
const clampCoord = (axis, coord) => clamp(coord + overflow[axis === 'y' ? 'top' : 'left'], coord, coord - overflow[axis === 'y' ? 'bottom' : 'right']);
|
|
5592
5585
|
if (checkMainAxis) {
|
|
5593
|
-
|
|
5594
|
-
const maxSide = mainAxis === 'y' ? 'bottom' : 'right';
|
|
5595
|
-
const min = mainAxisCoord + overflow[minSide];
|
|
5596
|
-
const max = mainAxisCoord - overflow[maxSide];
|
|
5597
|
-
mainAxisCoord = clamp(min, mainAxisCoord, max);
|
|
5586
|
+
mainAxisCoord = clampCoord(mainAxis, mainAxisCoord);
|
|
5598
5587
|
}
|
|
5599
5588
|
if (checkCrossAxis) {
|
|
5600
|
-
|
|
5601
|
-
const maxSide = crossAxis === 'y' ? 'bottom' : 'right';
|
|
5602
|
-
const min = crossAxisCoord + overflow[minSide];
|
|
5603
|
-
const max = crossAxisCoord - overflow[maxSide];
|
|
5604
|
-
crossAxisCoord = clamp(min, crossAxisCoord, max);
|
|
5589
|
+
crossAxisCoord = clampCoord(crossAxis, crossAxisCoord);
|
|
5605
5590
|
}
|
|
5606
5591
|
const limitedCoords = limiter.fn({
|
|
5607
5592
|
...state,
|
|
@@ -5632,6 +5617,7 @@ const limitShift$1 = function (options) {
|
|
|
5632
5617
|
return {
|
|
5633
5618
|
options,
|
|
5634
5619
|
fn(state) {
|
|
5620
|
+
var _rawOffset$mainAxis, _rawOffset$crossAxis;
|
|
5635
5621
|
const {
|
|
5636
5622
|
x,
|
|
5637
5623
|
y,
|
|
@@ -5657,9 +5643,8 @@ const limitShift$1 = function (options) {
|
|
|
5657
5643
|
mainAxis: rawOffset,
|
|
5658
5644
|
crossAxis: 0
|
|
5659
5645
|
} : {
|
|
5660
|
-
mainAxis: 0,
|
|
5661
|
-
crossAxis: 0
|
|
5662
|
-
...rawOffset
|
|
5646
|
+
mainAxis: (_rawOffset$mainAxis = rawOffset.mainAxis) != null ? _rawOffset$mainAxis : 0,
|
|
5647
|
+
crossAxis: (_rawOffset$crossAxis = rawOffset.crossAxis) != null ? _rawOffset$crossAxis : 0
|
|
5663
5648
|
};
|
|
5664
5649
|
if (checkMainAxis) {
|
|
5665
5650
|
const len = mainAxis === 'y' ? 'height' : 'width';
|
|
@@ -5826,7 +5811,7 @@ function getParentNode(node) {
|
|
|
5826
5811
|
function getNearestOverflowAncestor(node) {
|
|
5827
5812
|
const parentNode = getParentNode(node);
|
|
5828
5813
|
if (isLastTraversableNode(parentNode)) {
|
|
5829
|
-
return node.ownerDocument
|
|
5814
|
+
return (node.ownerDocument || node).body;
|
|
5830
5815
|
}
|
|
5831
5816
|
if (isHTMLElement(parentNode) && isOverflowElement(parentNode)) {
|
|
5832
5817
|
return parentNode;
|
|
@@ -5855,7 +5840,7 @@ function getFrameElement(win) {
|
|
|
5855
5840
|
return win.parent && Object.getPrototypeOf(win.parent) ? win.frameElement : null;
|
|
5856
5841
|
}
|
|
5857
5842
|
|
|
5858
|
-
function getCssDimensions(element) {
|
|
5843
|
+
function getCssDimensions$1(element) {
|
|
5859
5844
|
const css = getComputedStyle$1(element);
|
|
5860
5845
|
// In testing environments, the `width` and `height` properties are empty
|
|
5861
5846
|
// strings for SVG elements, returning NaN. Fallback to `0` in this case.
|
|
@@ -5876,12 +5861,12 @@ function getCssDimensions(element) {
|
|
|
5876
5861
|
};
|
|
5877
5862
|
}
|
|
5878
5863
|
|
|
5879
|
-
function unwrapElement(element) {
|
|
5864
|
+
function unwrapElement$1(element) {
|
|
5880
5865
|
return !isElement(element) ? element.contextElement : element;
|
|
5881
5866
|
}
|
|
5882
5867
|
|
|
5883
|
-
function getScale(element) {
|
|
5884
|
-
const domElement = unwrapElement(element);
|
|
5868
|
+
function getScale$1(element) {
|
|
5869
|
+
const domElement = unwrapElement$1(element);
|
|
5885
5870
|
if (!isHTMLElement(domElement)) {
|
|
5886
5871
|
return createCoords(1);
|
|
5887
5872
|
}
|
|
@@ -5890,7 +5875,7 @@ function getScale(element) {
|
|
|
5890
5875
|
width,
|
|
5891
5876
|
height,
|
|
5892
5877
|
$
|
|
5893
|
-
} = getCssDimensions(domElement);
|
|
5878
|
+
} = getCssDimensions$1(domElement);
|
|
5894
5879
|
let x = ($ ? round(rect.width) : rect.width) / width;
|
|
5895
5880
|
let y = ($ ? round(rect.height) : rect.height) / height;
|
|
5896
5881
|
|
|
@@ -5908,18 +5893,18 @@ function getScale(element) {
|
|
|
5908
5893
|
};
|
|
5909
5894
|
}
|
|
5910
5895
|
|
|
5911
|
-
const noOffsets = /*#__PURE__*/createCoords(0);
|
|
5912
|
-
function getVisualOffsets(element) {
|
|
5896
|
+
const noOffsets$1 = /*#__PURE__*/createCoords(0);
|
|
5897
|
+
function getVisualOffsets$1(element) {
|
|
5913
5898
|
const win = getWindow(element);
|
|
5914
5899
|
if (!isWebKit() || !win.visualViewport) {
|
|
5915
|
-
return noOffsets;
|
|
5900
|
+
return noOffsets$1;
|
|
5916
5901
|
}
|
|
5917
5902
|
return {
|
|
5918
5903
|
x: win.visualViewport.offsetLeft,
|
|
5919
5904
|
y: win.visualViewport.offsetTop
|
|
5920
5905
|
};
|
|
5921
5906
|
}
|
|
5922
|
-
function shouldAddVisualOffsets(element, isFixed, floatingOffsetParent) {
|
|
5907
|
+
function shouldAddVisualOffsets$1(element, isFixed, floatingOffsetParent) {
|
|
5923
5908
|
if (isFixed === void 0) {
|
|
5924
5909
|
isFixed = false;
|
|
5925
5910
|
}
|
|
@@ -5929,7 +5914,7 @@ function shouldAddVisualOffsets(element, isFixed, floatingOffsetParent) {
|
|
|
5929
5914
|
return isFixed;
|
|
5930
5915
|
}
|
|
5931
5916
|
|
|
5932
|
-
function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetParent) {
|
|
5917
|
+
function getBoundingClientRect$1(element, includeScale, isFixedStrategy, offsetParent) {
|
|
5933
5918
|
if (includeScale === void 0) {
|
|
5934
5919
|
includeScale = false;
|
|
5935
5920
|
}
|
|
@@ -5937,18 +5922,18 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
|
|
|
5937
5922
|
isFixedStrategy = false;
|
|
5938
5923
|
}
|
|
5939
5924
|
const clientRect = element.getBoundingClientRect();
|
|
5940
|
-
const domElement = unwrapElement(element);
|
|
5925
|
+
const domElement = unwrapElement$1(element);
|
|
5941
5926
|
let scale = createCoords(1);
|
|
5942
5927
|
if (includeScale) {
|
|
5943
5928
|
if (offsetParent) {
|
|
5944
5929
|
if (isElement(offsetParent)) {
|
|
5945
|
-
scale = getScale(offsetParent);
|
|
5930
|
+
scale = getScale$1(offsetParent);
|
|
5946
5931
|
}
|
|
5947
5932
|
} else {
|
|
5948
|
-
scale = getScale(element);
|
|
5933
|
+
scale = getScale$1(element);
|
|
5949
5934
|
}
|
|
5950
5935
|
}
|
|
5951
|
-
const visualOffsets = shouldAddVisualOffsets(domElement, isFixedStrategy, offsetParent) ? getVisualOffsets(domElement) : createCoords(0);
|
|
5936
|
+
const visualOffsets = shouldAddVisualOffsets$1(domElement, isFixedStrategy, offsetParent) ? getVisualOffsets$1(domElement) : createCoords(0);
|
|
5952
5937
|
let x = (clientRect.left + visualOffsets.x) / scale.x;
|
|
5953
5938
|
let y = (clientRect.top + visualOffsets.y) / scale.y;
|
|
5954
5939
|
let width = clientRect.width / scale.x;
|
|
@@ -5959,7 +5944,7 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
|
|
|
5959
5944
|
let currentWin = win;
|
|
5960
5945
|
let currentIFrame = getFrameElement(currentWin);
|
|
5961
5946
|
while (currentIFrame && offsetParent && offsetWin !== currentWin) {
|
|
5962
|
-
const iframeScale = getScale(currentIFrame);
|
|
5947
|
+
const iframeScale = getScale$1(currentIFrame);
|
|
5963
5948
|
const iframeRect = currentIFrame.getBoundingClientRect();
|
|
5964
5949
|
const css = getComputedStyle$1(currentIFrame);
|
|
5965
5950
|
const left = iframeRect.left + (currentIFrame.clientLeft + parseFloat(css.paddingLeft)) * iframeScale.x;
|
|
@@ -5984,17 +5969,17 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
|
|
|
5984
5969
|
|
|
5985
5970
|
// If <html> has a CSS width greater than the viewport, then this will be
|
|
5986
5971
|
// incorrect for RTL.
|
|
5987
|
-
function getWindowScrollBarX(element, rect) {
|
|
5972
|
+
function getWindowScrollBarX$1(element, rect) {
|
|
5988
5973
|
const leftScroll = getNodeScroll(element).scrollLeft;
|
|
5989
5974
|
if (!rect) {
|
|
5990
|
-
return getBoundingClientRect(getDocumentElement(element)).left + leftScroll;
|
|
5975
|
+
return getBoundingClientRect$1(getDocumentElement(element)).left + leftScroll;
|
|
5991
5976
|
}
|
|
5992
5977
|
return rect.left + leftScroll;
|
|
5993
5978
|
}
|
|
5994
5979
|
|
|
5995
|
-
function getHTMLOffset(documentElement, scroll) {
|
|
5980
|
+
function getHTMLOffset$1(documentElement, scroll) {
|
|
5996
5981
|
const htmlRect = documentElement.getBoundingClientRect();
|
|
5997
|
-
const x = htmlRect.left + scroll.scrollLeft - getWindowScrollBarX(documentElement, htmlRect);
|
|
5982
|
+
const x = htmlRect.left + scroll.scrollLeft - getWindowScrollBarX$1(documentElement, htmlRect);
|
|
5998
5983
|
const y = htmlRect.top + scroll.scrollTop;
|
|
5999
5984
|
return {
|
|
6000
5985
|
x,
|
|
@@ -6002,7 +5987,7 @@ function getHTMLOffset(documentElement, scroll) {
|
|
|
6002
5987
|
};
|
|
6003
5988
|
}
|
|
6004
5989
|
|
|
6005
|
-
function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
|
|
5990
|
+
function convertOffsetParentRelativeRectToViewportRelativeRect$1(_ref) {
|
|
6006
5991
|
let {
|
|
6007
5992
|
elements,
|
|
6008
5993
|
rect,
|
|
@@ -6027,13 +6012,13 @@ function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
|
|
|
6027
6012
|
scroll = getNodeScroll(offsetParent);
|
|
6028
6013
|
}
|
|
6029
6014
|
if (isOffsetParentAnElement) {
|
|
6030
|
-
const offsetRect = getBoundingClientRect(offsetParent);
|
|
6031
|
-
scale = getScale(offsetParent);
|
|
6015
|
+
const offsetRect = getBoundingClientRect$1(offsetParent);
|
|
6016
|
+
scale = getScale$1(offsetParent);
|
|
6032
6017
|
offsets.x = offsetRect.x + offsetParent.clientLeft;
|
|
6033
6018
|
offsets.y = offsetRect.y + offsetParent.clientTop;
|
|
6034
6019
|
}
|
|
6035
6020
|
}
|
|
6036
|
-
const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);
|
|
6021
|
+
const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset$1(documentElement, scroll) : createCoords(0);
|
|
6037
6022
|
return {
|
|
6038
6023
|
width: rect.width * scale.x,
|
|
6039
6024
|
height: rect.height * scale.y,
|
|
@@ -6042,19 +6027,19 @@ function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
|
|
|
6042
6027
|
};
|
|
6043
6028
|
}
|
|
6044
6029
|
|
|
6045
|
-
function getClientRects(element) {
|
|
6030
|
+
function getClientRects$1(element) {
|
|
6046
6031
|
return Array.from(element.getClientRects());
|
|
6047
6032
|
}
|
|
6048
6033
|
|
|
6049
6034
|
// Gets the entire size of the scrollable document area, even extending outside
|
|
6050
6035
|
// of the `<html>` and `<body>` rect bounds if horizontally scrollable.
|
|
6051
|
-
function getDocumentRect(element) {
|
|
6036
|
+
function getDocumentRect$1(element) {
|
|
6052
6037
|
const html = getDocumentElement(element);
|
|
6053
6038
|
const scroll = getNodeScroll(element);
|
|
6054
6039
|
const body = element.ownerDocument.body;
|
|
6055
6040
|
const width = max$1(html.scrollWidth, html.clientWidth, body.scrollWidth, body.clientWidth);
|
|
6056
6041
|
const height = max$1(html.scrollHeight, html.clientHeight, body.scrollHeight, body.clientHeight);
|
|
6057
|
-
let x = -scroll.scrollLeft + getWindowScrollBarX(element);
|
|
6042
|
+
let x = -scroll.scrollLeft + getWindowScrollBarX$1(element);
|
|
6058
6043
|
const y = -scroll.scrollTop;
|
|
6059
6044
|
if (getComputedStyle$1(body).direction === 'rtl') {
|
|
6060
6045
|
x += max$1(html.clientWidth, body.clientWidth) - width;
|
|
@@ -6070,8 +6055,8 @@ function getDocumentRect(element) {
|
|
|
6070
6055
|
// Safety check: ensure the scrollbar space is reasonable in case this
|
|
6071
6056
|
// calculation is affected by unusual styles.
|
|
6072
6057
|
// Most scrollbars leave 15-18px of space.
|
|
6073
|
-
const SCROLLBAR_MAX = 25;
|
|
6074
|
-
function getViewportRect(element, strategy) {
|
|
6058
|
+
const SCROLLBAR_MAX$1 = 25;
|
|
6059
|
+
function getViewportRect$1(element, strategy) {
|
|
6075
6060
|
const win = getWindow(element);
|
|
6076
6061
|
const html = getDocumentElement(element);
|
|
6077
6062
|
const visualViewport = win.visualViewport;
|
|
@@ -6088,7 +6073,7 @@ function getViewportRect(element, strategy) {
|
|
|
6088
6073
|
y = visualViewport.offsetTop;
|
|
6089
6074
|
}
|
|
6090
6075
|
}
|
|
6091
|
-
const windowScrollbarX = getWindowScrollBarX(html);
|
|
6076
|
+
const windowScrollbarX = getWindowScrollBarX$1(html);
|
|
6092
6077
|
// <html> `overflow: hidden` + `scrollbar-gutter: stable` reduces the
|
|
6093
6078
|
// visual width of the <html> but this is not considered in the size
|
|
6094
6079
|
// of `html.clientWidth`.
|
|
@@ -6098,10 +6083,10 @@ function getViewportRect(element, strategy) {
|
|
|
6098
6083
|
const bodyStyles = getComputedStyle(body);
|
|
6099
6084
|
const bodyMarginInline = doc.compatMode === 'CSS1Compat' ? parseFloat(bodyStyles.marginLeft) + parseFloat(bodyStyles.marginRight) || 0 : 0;
|
|
6100
6085
|
const clippingStableScrollbarWidth = Math.abs(html.clientWidth - body.clientWidth - bodyMarginInline);
|
|
6101
|
-
if (clippingStableScrollbarWidth <= SCROLLBAR_MAX) {
|
|
6086
|
+
if (clippingStableScrollbarWidth <= SCROLLBAR_MAX$1) {
|
|
6102
6087
|
width -= clippingStableScrollbarWidth;
|
|
6103
6088
|
}
|
|
6104
|
-
} else if (windowScrollbarX <= SCROLLBAR_MAX) {
|
|
6089
|
+
} else if (windowScrollbarX <= SCROLLBAR_MAX$1) {
|
|
6105
6090
|
// If the <body> scrollbar is on the left, the width needs to be extended
|
|
6106
6091
|
// by the scrollbar amount so there isn't extra space on the right.
|
|
6107
6092
|
width += windowScrollbarX;
|
|
@@ -6115,11 +6100,11 @@ function getViewportRect(element, strategy) {
|
|
|
6115
6100
|
}
|
|
6116
6101
|
|
|
6117
6102
|
// Returns the inner client rect, subtracting scrollbars if present.
|
|
6118
|
-
function getInnerBoundingClientRect(element, strategy) {
|
|
6119
|
-
const clientRect = getBoundingClientRect(element, true, strategy === 'fixed');
|
|
6103
|
+
function getInnerBoundingClientRect$1(element, strategy) {
|
|
6104
|
+
const clientRect = getBoundingClientRect$1(element, true, strategy === 'fixed');
|
|
6120
6105
|
const top = clientRect.top + element.clientTop;
|
|
6121
6106
|
const left = clientRect.left + element.clientLeft;
|
|
6122
|
-
const scale = isHTMLElement(element) ? getScale(element) : createCoords(1);
|
|
6107
|
+
const scale = isHTMLElement(element) ? getScale$1(element) : createCoords(1);
|
|
6123
6108
|
const width = element.clientWidth * scale.x;
|
|
6124
6109
|
const height = element.clientHeight * scale.y;
|
|
6125
6110
|
const x = left * scale.x;
|
|
@@ -6131,16 +6116,16 @@ function getInnerBoundingClientRect(element, strategy) {
|
|
|
6131
6116
|
y
|
|
6132
6117
|
};
|
|
6133
6118
|
}
|
|
6134
|
-
function getClientRectFromClippingAncestor(element, clippingAncestor, strategy) {
|
|
6119
|
+
function getClientRectFromClippingAncestor$1(element, clippingAncestor, strategy) {
|
|
6135
6120
|
let rect;
|
|
6136
6121
|
if (clippingAncestor === 'viewport') {
|
|
6137
|
-
rect = getViewportRect(element, strategy);
|
|
6122
|
+
rect = getViewportRect$1(element, strategy);
|
|
6138
6123
|
} else if (clippingAncestor === 'document') {
|
|
6139
|
-
rect = getDocumentRect(getDocumentElement(element));
|
|
6124
|
+
rect = getDocumentRect$1(getDocumentElement(element));
|
|
6140
6125
|
} else if (isElement(clippingAncestor)) {
|
|
6141
|
-
rect = getInnerBoundingClientRect(clippingAncestor, strategy);
|
|
6126
|
+
rect = getInnerBoundingClientRect$1(clippingAncestor, strategy);
|
|
6142
6127
|
} else {
|
|
6143
|
-
const visualOffsets = getVisualOffsets(element);
|
|
6128
|
+
const visualOffsets = getVisualOffsets$1(element);
|
|
6144
6129
|
rect = {
|
|
6145
6130
|
x: clippingAncestor.x - visualOffsets.x,
|
|
6146
6131
|
y: clippingAncestor.y - visualOffsets.y,
|
|
@@ -6161,7 +6146,7 @@ function hasFixedPositionAncestor(element, stopNode) {
|
|
|
6161
6146
|
// A "clipping ancestor" is an `overflow` element with the characteristic of
|
|
6162
6147
|
// clipping (or hiding) child elements. This returns all clipping ancestors
|
|
6163
6148
|
// of the given element up the tree.
|
|
6164
|
-
function getClippingElementAncestors(element, cache) {
|
|
6149
|
+
function getClippingElementAncestors$1(element, cache) {
|
|
6165
6150
|
const cachedResult = cache.get(element);
|
|
6166
6151
|
if (cachedResult) {
|
|
6167
6152
|
return cachedResult;
|
|
@@ -6194,22 +6179,22 @@ function getClippingElementAncestors(element, cache) {
|
|
|
6194
6179
|
|
|
6195
6180
|
// Gets the maximum area that the element is visible in due to any number of
|
|
6196
6181
|
// clipping ancestors.
|
|
6197
|
-
function getClippingRect(_ref) {
|
|
6182
|
+
function getClippingRect$1(_ref) {
|
|
6198
6183
|
let {
|
|
6199
6184
|
element,
|
|
6200
6185
|
boundary,
|
|
6201
6186
|
rootBoundary,
|
|
6202
6187
|
strategy
|
|
6203
6188
|
} = _ref;
|
|
6204
|
-
const elementClippingAncestors = boundary === 'clippingAncestors' ? isTopLayer(element) ? [] : getClippingElementAncestors(element, this._c) : [].concat(boundary);
|
|
6189
|
+
const elementClippingAncestors = boundary === 'clippingAncestors' ? isTopLayer(element) ? [] : getClippingElementAncestors$1(element, this._c) : [].concat(boundary);
|
|
6205
6190
|
const clippingAncestors = [...elementClippingAncestors, rootBoundary];
|
|
6206
|
-
const firstRect = getClientRectFromClippingAncestor(element, clippingAncestors[0], strategy);
|
|
6191
|
+
const firstRect = getClientRectFromClippingAncestor$1(element, clippingAncestors[0], strategy);
|
|
6207
6192
|
let top = firstRect.top;
|
|
6208
6193
|
let right = firstRect.right;
|
|
6209
6194
|
let bottom = firstRect.bottom;
|
|
6210
6195
|
let left = firstRect.left;
|
|
6211
6196
|
for (let i = 1; i < clippingAncestors.length; i++) {
|
|
6212
|
-
const rect = getClientRectFromClippingAncestor(element, clippingAncestors[i], strategy);
|
|
6197
|
+
const rect = getClientRectFromClippingAncestor$1(element, clippingAncestors[i], strategy);
|
|
6213
6198
|
top = max$1(rect.top, top);
|
|
6214
6199
|
right = min$1(rect.right, right);
|
|
6215
6200
|
bottom = min$1(rect.bottom, bottom);
|
|
@@ -6223,22 +6208,22 @@ function getClippingRect(_ref) {
|
|
|
6223
6208
|
};
|
|
6224
6209
|
}
|
|
6225
6210
|
|
|
6226
|
-
function getDimensions(element) {
|
|
6211
|
+
function getDimensions$1(element) {
|
|
6227
6212
|
const {
|
|
6228
6213
|
width,
|
|
6229
6214
|
height
|
|
6230
|
-
} = getCssDimensions(element);
|
|
6215
|
+
} = getCssDimensions$1(element);
|
|
6231
6216
|
return {
|
|
6232
6217
|
width,
|
|
6233
6218
|
height
|
|
6234
6219
|
};
|
|
6235
6220
|
}
|
|
6236
6221
|
|
|
6237
|
-
function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
|
|
6222
|
+
function getRectRelativeToOffsetParent$1(element, offsetParent, strategy) {
|
|
6238
6223
|
const isOffsetParentAnElement = isHTMLElement(offsetParent);
|
|
6239
6224
|
const documentElement = getDocumentElement(offsetParent);
|
|
6240
6225
|
const isFixed = strategy === 'fixed';
|
|
6241
|
-
const rect = getBoundingClientRect(element, true, isFixed, offsetParent);
|
|
6226
|
+
const rect = getBoundingClientRect$1(element, true, isFixed, offsetParent);
|
|
6242
6227
|
let scroll = {
|
|
6243
6228
|
scrollLeft: 0,
|
|
6244
6229
|
scrollTop: 0
|
|
@@ -6248,14 +6233,14 @@ function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
|
|
|
6248
6233
|
// If the <body> scrollbar appears on the left (e.g. RTL systems). Use
|
|
6249
6234
|
// Firefox with layout.scrollbar.side = 3 in about:config to test this.
|
|
6250
6235
|
function setLeftRTLScrollbarOffset() {
|
|
6251
|
-
offsets.x = getWindowScrollBarX(documentElement);
|
|
6236
|
+
offsets.x = getWindowScrollBarX$1(documentElement);
|
|
6252
6237
|
}
|
|
6253
6238
|
if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
|
|
6254
6239
|
if (getNodeName(offsetParent) !== 'body' || isOverflowElement(documentElement)) {
|
|
6255
6240
|
scroll = getNodeScroll(offsetParent);
|
|
6256
6241
|
}
|
|
6257
6242
|
if (isOffsetParentAnElement) {
|
|
6258
|
-
const offsetRect = getBoundingClientRect(offsetParent, true, isFixed, offsetParent);
|
|
6243
|
+
const offsetRect = getBoundingClientRect$1(offsetParent, true, isFixed, offsetParent);
|
|
6259
6244
|
offsets.x = offsetRect.x + offsetParent.clientLeft;
|
|
6260
6245
|
offsets.y = offsetRect.y + offsetParent.clientTop;
|
|
6261
6246
|
} else if (documentElement) {
|
|
@@ -6265,7 +6250,7 @@ function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
|
|
|
6265
6250
|
if (isFixed && !isOffsetParentAnElement && documentElement) {
|
|
6266
6251
|
setLeftRTLScrollbarOffset();
|
|
6267
6252
|
}
|
|
6268
|
-
const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);
|
|
6253
|
+
const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset$1(documentElement, scroll) : createCoords(0);
|
|
6269
6254
|
const x = rect.left + scroll.scrollLeft - offsets.x - htmlOffset.x;
|
|
6270
6255
|
const y = rect.top + scroll.scrollTop - offsets.y - htmlOffset.y;
|
|
6271
6256
|
return {
|
|
@@ -6276,11 +6261,11 @@ function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
|
|
|
6276
6261
|
};
|
|
6277
6262
|
}
|
|
6278
6263
|
|
|
6279
|
-
function isStaticPositioned(element) {
|
|
6264
|
+
function isStaticPositioned$1(element) {
|
|
6280
6265
|
return getComputedStyle$1(element).position === 'static';
|
|
6281
6266
|
}
|
|
6282
6267
|
|
|
6283
|
-
function getTrueOffsetParent(element, polyfill) {
|
|
6268
|
+
function getTrueOffsetParent$1(element, polyfill) {
|
|
6284
6269
|
if (!isHTMLElement(element) || getComputedStyle$1(element).position === 'fixed') {
|
|
6285
6270
|
return null;
|
|
6286
6271
|
}
|
|
@@ -6301,7 +6286,7 @@ function getTrueOffsetParent(element, polyfill) {
|
|
|
6301
6286
|
|
|
6302
6287
|
// Gets the closest ancestor positioned element. Handles some edge cases,
|
|
6303
6288
|
// such as table ancestors and cross browser bugs.
|
|
6304
|
-
function getOffsetParent(element, polyfill) {
|
|
6289
|
+
function getOffsetParent$1(element, polyfill) {
|
|
6305
6290
|
const win = getWindow(element);
|
|
6306
6291
|
if (isTopLayer(element)) {
|
|
6307
6292
|
return win;
|
|
@@ -6309,29 +6294,29 @@ function getOffsetParent(element, polyfill) {
|
|
|
6309
6294
|
if (!isHTMLElement(element)) {
|
|
6310
6295
|
let svgOffsetParent = getParentNode(element);
|
|
6311
6296
|
while (svgOffsetParent && !isLastTraversableNode(svgOffsetParent)) {
|
|
6312
|
-
if (isElement(svgOffsetParent) && !isStaticPositioned(svgOffsetParent)) {
|
|
6297
|
+
if (isElement(svgOffsetParent) && !isStaticPositioned$1(svgOffsetParent)) {
|
|
6313
6298
|
return svgOffsetParent;
|
|
6314
6299
|
}
|
|
6315
6300
|
svgOffsetParent = getParentNode(svgOffsetParent);
|
|
6316
6301
|
}
|
|
6317
6302
|
return win;
|
|
6318
6303
|
}
|
|
6319
|
-
let offsetParent = getTrueOffsetParent(element, polyfill);
|
|
6320
|
-
while (offsetParent && isTableElement(offsetParent) && isStaticPositioned(offsetParent)) {
|
|
6321
|
-
offsetParent = getTrueOffsetParent(offsetParent, polyfill);
|
|
6304
|
+
let offsetParent = getTrueOffsetParent$1(element, polyfill);
|
|
6305
|
+
while (offsetParent && isTableElement(offsetParent) && isStaticPositioned$1(offsetParent)) {
|
|
6306
|
+
offsetParent = getTrueOffsetParent$1(offsetParent, polyfill);
|
|
6322
6307
|
}
|
|
6323
|
-
if (offsetParent && isLastTraversableNode(offsetParent) && isStaticPositioned(offsetParent) && !isContainingBlock(offsetParent)) {
|
|
6308
|
+
if (offsetParent && isLastTraversableNode(offsetParent) && isStaticPositioned$1(offsetParent) && !isContainingBlock(offsetParent)) {
|
|
6324
6309
|
return win;
|
|
6325
6310
|
}
|
|
6326
6311
|
return offsetParent || getContainingBlock(element) || win;
|
|
6327
6312
|
}
|
|
6328
6313
|
|
|
6329
|
-
const getElementRects = async function (data) {
|
|
6330
|
-
const getOffsetParentFn = this.getOffsetParent || getOffsetParent;
|
|
6314
|
+
const getElementRects$1 = async function (data) {
|
|
6315
|
+
const getOffsetParentFn = this.getOffsetParent || getOffsetParent$1;
|
|
6331
6316
|
const getDimensionsFn = this.getDimensions;
|
|
6332
6317
|
const floatingDimensions = await getDimensionsFn(data.floating);
|
|
6333
6318
|
return {
|
|
6334
|
-
reference: getRectRelativeToOffsetParent(data.reference, await getOffsetParentFn(data.floating), data.strategy),
|
|
6319
|
+
reference: getRectRelativeToOffsetParent$1(data.reference, await getOffsetParentFn(data.floating), data.strategy),
|
|
6335
6320
|
floating: {
|
|
6336
6321
|
x: 0,
|
|
6337
6322
|
y: 0,
|
|
@@ -6341,29 +6326,29 @@ const getElementRects = async function (data) {
|
|
|
6341
6326
|
};
|
|
6342
6327
|
};
|
|
6343
6328
|
|
|
6344
|
-
function isRTL(element) {
|
|
6329
|
+
function isRTL$1(element) {
|
|
6345
6330
|
return getComputedStyle$1(element).direction === 'rtl';
|
|
6346
6331
|
}
|
|
6347
6332
|
|
|
6348
|
-
const platform = {
|
|
6349
|
-
convertOffsetParentRelativeRectToViewportRelativeRect,
|
|
6333
|
+
const platform$1 = {
|
|
6334
|
+
convertOffsetParentRelativeRectToViewportRelativeRect: convertOffsetParentRelativeRectToViewportRelativeRect$1,
|
|
6350
6335
|
getDocumentElement,
|
|
6351
|
-
getClippingRect,
|
|
6352
|
-
getOffsetParent,
|
|
6353
|
-
getElementRects,
|
|
6354
|
-
getClientRects,
|
|
6355
|
-
getDimensions,
|
|
6356
|
-
getScale,
|
|
6336
|
+
getClippingRect: getClippingRect$1,
|
|
6337
|
+
getOffsetParent: getOffsetParent$1,
|
|
6338
|
+
getElementRects: getElementRects$1,
|
|
6339
|
+
getClientRects: getClientRects$1,
|
|
6340
|
+
getDimensions: getDimensions$1,
|
|
6341
|
+
getScale: getScale$1,
|
|
6357
6342
|
isElement,
|
|
6358
|
-
isRTL
|
|
6343
|
+
isRTL: isRTL$1
|
|
6359
6344
|
};
|
|
6360
6345
|
|
|
6361
|
-
function rectsAreEqual(a, b) {
|
|
6346
|
+
function rectsAreEqual$1(a, b) {
|
|
6362
6347
|
return a.x === b.x && a.y === b.y && a.width === b.width && a.height === b.height;
|
|
6363
6348
|
}
|
|
6364
6349
|
|
|
6365
6350
|
// https://samthor.au/2021/observing-dom/
|
|
6366
|
-
function observeMove(element, onMove) {
|
|
6351
|
+
function observeMove$1(element, onMove) {
|
|
6367
6352
|
let io = null;
|
|
6368
6353
|
let timeoutId;
|
|
6369
6354
|
const root = getDocumentElement(element);
|
|
@@ -6420,7 +6405,7 @@ function observeMove(element, onMove) {
|
|
|
6420
6405
|
refresh(false, ratio);
|
|
6421
6406
|
}
|
|
6422
6407
|
}
|
|
6423
|
-
if (ratio === 1 && !rectsAreEqual(elementRectForRootMargin, element.getBoundingClientRect())) {
|
|
6408
|
+
if (ratio === 1 && !rectsAreEqual$1(elementRectForRootMargin, element.getBoundingClientRect())) {
|
|
6424
6409
|
// It's possible that even though the ratio is reported as 1, the
|
|
6425
6410
|
// element is not actually fully within the IntersectionObserver's root
|
|
6426
6411
|
// area anymore. This can happen under performance constraints. This may
|
|
@@ -6458,7 +6443,7 @@ function observeMove(element, onMove) {
|
|
|
6458
6443
|
* removed from the DOM or hidden from the screen.
|
|
6459
6444
|
* @see https://floating-ui.com/docs/autoUpdate
|
|
6460
6445
|
*/
|
|
6461
|
-
function autoUpdate(reference, floating, update, options) {
|
|
6446
|
+
function autoUpdate$1(reference, floating, update, options) {
|
|
6462
6447
|
if (options === void 0) {
|
|
6463
6448
|
options = {};
|
|
6464
6449
|
}
|
|
@@ -6469,7 +6454,7 @@ function autoUpdate(reference, floating, update, options) {
|
|
|
6469
6454
|
layoutShift = typeof IntersectionObserver === 'function',
|
|
6470
6455
|
animationFrame = false
|
|
6471
6456
|
} = options;
|
|
6472
|
-
const referenceEl = unwrapElement(reference);
|
|
6457
|
+
const referenceEl = unwrapElement$1(reference);
|
|
6473
6458
|
const ancestors = ancestorScroll || ancestorResize ? [...(referenceEl ? getOverflowAncestors(referenceEl) : []), ...(floating ? getOverflowAncestors(floating) : [])] : [];
|
|
6474
6459
|
ancestors.forEach(ancestor => {
|
|
6475
6460
|
ancestorScroll && ancestor.addEventListener('scroll', update, {
|
|
@@ -6477,7 +6462,7 @@ function autoUpdate(reference, floating, update, options) {
|
|
|
6477
6462
|
});
|
|
6478
6463
|
ancestorResize && ancestor.addEventListener('resize', update);
|
|
6479
6464
|
});
|
|
6480
|
-
const cleanupIo = referenceEl && layoutShift ? observeMove(referenceEl, update) : null;
|
|
6465
|
+
const cleanupIo = referenceEl && layoutShift ? observeMove$1(referenceEl, update) : null;
|
|
6481
6466
|
let reobserveFrame = -1;
|
|
6482
6467
|
let resizeObserver = null;
|
|
6483
6468
|
if (elementResize) {
|
|
@@ -6503,13 +6488,13 @@ function autoUpdate(reference, floating, update, options) {
|
|
|
6503
6488
|
}
|
|
6504
6489
|
}
|
|
6505
6490
|
let frameId;
|
|
6506
|
-
let prevRefRect = animationFrame ? getBoundingClientRect(reference) : null;
|
|
6491
|
+
let prevRefRect = animationFrame ? getBoundingClientRect$1(reference) : null;
|
|
6507
6492
|
if (animationFrame) {
|
|
6508
6493
|
frameLoop();
|
|
6509
6494
|
}
|
|
6510
6495
|
function frameLoop() {
|
|
6511
|
-
const nextRefRect = getBoundingClientRect(reference);
|
|
6512
|
-
if (prevRefRect && !rectsAreEqual(prevRefRect, nextRefRect)) {
|
|
6496
|
+
const nextRefRect = getBoundingClientRect$1(reference);
|
|
6497
|
+
if (prevRefRect && !rectsAreEqual$1(prevRefRect, nextRefRect)) {
|
|
6513
6498
|
update();
|
|
6514
6499
|
}
|
|
6515
6500
|
prevRefRect = nextRefRect;
|
|
@@ -6538,7 +6523,7 @@ function autoUpdate(reference, floating, update, options) {
|
|
|
6538
6523
|
* object may be passed.
|
|
6539
6524
|
* @see https://floating-ui.com/docs/offset
|
|
6540
6525
|
*/
|
|
6541
|
-
const offset$
|
|
6526
|
+
const offset$2 = offset$3;
|
|
6542
6527
|
|
|
6543
6528
|
/**
|
|
6544
6529
|
* Optimizes the visibility of the floating element by shifting it in order to
|
|
@@ -6553,14 +6538,7 @@ const shift = shift$1;
|
|
|
6553
6538
|
* clipping boundary. Alternative to `autoPlacement`.
|
|
6554
6539
|
* @see https://floating-ui.com/docs/flip
|
|
6555
6540
|
*/
|
|
6556
|
-
const flip$
|
|
6557
|
-
|
|
6558
|
-
/**
|
|
6559
|
-
* Provides data to position an inner element of the floating element so that it
|
|
6560
|
-
* appears centered to the reference element.
|
|
6561
|
-
* @see https://floating-ui.com/docs/arrow
|
|
6562
|
-
*/
|
|
6563
|
-
const arrow$2 = arrow$3;
|
|
6541
|
+
const flip$2 = flip$3;
|
|
6564
6542
|
|
|
6565
6543
|
/**
|
|
6566
6544
|
* Built-in `limiter` that will stop `shift()` at a certain point.
|
|
@@ -6571,20 +6549,20 @@ const limitShift = limitShift$1;
|
|
|
6571
6549
|
* Computes the `x` and `y` coordinates that will place the floating element
|
|
6572
6550
|
* next to a given reference element.
|
|
6573
6551
|
*/
|
|
6574
|
-
const computePosition = (reference, floating, options) => {
|
|
6552
|
+
const computePosition$1 = (reference, floating, options) => {
|
|
6575
6553
|
// This caches the expensive `getClippingElementAncestors` function so that
|
|
6576
6554
|
// multiple lifecycle resets re-use the same result. It only lives for a
|
|
6577
6555
|
// single call. If other functions become expensive, we can add them as well.
|
|
6578
6556
|
const cache = new Map();
|
|
6579
6557
|
const mergedOptions = {
|
|
6580
|
-
platform,
|
|
6558
|
+
platform: platform$1,
|
|
6581
6559
|
...options
|
|
6582
6560
|
};
|
|
6583
6561
|
const platformWithCache = {
|
|
6584
6562
|
...mergedOptions.platform,
|
|
6585
6563
|
_c: cache
|
|
6586
6564
|
};
|
|
6587
|
-
return computePosition$
|
|
6565
|
+
return computePosition$2(reference, floating, {
|
|
6588
6566
|
...mergedOptions,
|
|
6589
6567
|
platform: platformWithCache
|
|
6590
6568
|
});
|
|
@@ -6613,8 +6591,8 @@ function useCombinedRefs(...refs) {
|
|
|
6613
6591
|
*/
|
|
6614
6592
|
|
|
6615
6593
|
function setupFloating(reference, floating, options) {
|
|
6616
|
-
return autoUpdate(reference, floating, () => {
|
|
6617
|
-
computePosition(reference, floating, options).then(({
|
|
6594
|
+
return autoUpdate$1(reference, floating, () => {
|
|
6595
|
+
computePosition$1(reference, floating, options).then(({
|
|
6618
6596
|
x,
|
|
6619
6597
|
y
|
|
6620
6598
|
}) => {
|
|
@@ -6810,7 +6788,7 @@ const Tooltip = /*#__PURE__*/React__namespace.default.forwardRef(function Toolti
|
|
|
6810
6788
|
if (open && !disabled && combinedTriggerRef.current && tooltipRef.current) {
|
|
6811
6789
|
cleanup = setupFloating(combinedTriggerRef.current, tooltipRef.current, {
|
|
6812
6790
|
placement,
|
|
6813
|
-
middleware: [offset$
|
|
6791
|
+
middleware: [offset$2(8), flip$2({
|
|
6814
6792
|
fallbackPlacements
|
|
6815
6793
|
}), shift({
|
|
6816
6794
|
limiter: limitShift()
|
|
@@ -9097,7 +9075,7 @@ const Dropdown = /*#__PURE__*/React__namespace.default.forwardRef(function Dropd
|
|
|
9097
9075
|
if (popperReference && dropdownRef.current) {
|
|
9098
9076
|
cleanup = setupFloating(popperReference, dropdownRef.current, {
|
|
9099
9077
|
placement,
|
|
9100
|
-
middleware: [flip$
|
|
9078
|
+
middleware: [flip$2(), shift({
|
|
9101
9079
|
limiter: limitShift()
|
|
9102
9080
|
})],
|
|
9103
9081
|
strategy: 'fixed'
|
|
@@ -18239,6 +18217,737 @@ function subYears(date, amount) {
|
|
|
18239
18217
|
return addYears(date, -amount);
|
|
18240
18218
|
}
|
|
18241
18219
|
|
|
18220
|
+
function getCssDimensions(element) {
|
|
18221
|
+
const css = getComputedStyle$1(element);
|
|
18222
|
+
// In testing environments, the `width` and `height` properties are empty
|
|
18223
|
+
// strings for SVG elements, returning NaN. Fallback to `0` in this case.
|
|
18224
|
+
let width = parseFloat(css.width) || 0;
|
|
18225
|
+
let height = parseFloat(css.height) || 0;
|
|
18226
|
+
const hasOffset = isHTMLElement(element);
|
|
18227
|
+
const offsetWidth = hasOffset ? element.offsetWidth : width;
|
|
18228
|
+
const offsetHeight = hasOffset ? element.offsetHeight : height;
|
|
18229
|
+
const shouldFallback = round(width) !== offsetWidth || round(height) !== offsetHeight;
|
|
18230
|
+
if (shouldFallback) {
|
|
18231
|
+
width = offsetWidth;
|
|
18232
|
+
height = offsetHeight;
|
|
18233
|
+
}
|
|
18234
|
+
return {
|
|
18235
|
+
width,
|
|
18236
|
+
height,
|
|
18237
|
+
$: shouldFallback
|
|
18238
|
+
};
|
|
18239
|
+
}
|
|
18240
|
+
|
|
18241
|
+
function unwrapElement(element) {
|
|
18242
|
+
return !isElement(element) ? element.contextElement : element;
|
|
18243
|
+
}
|
|
18244
|
+
|
|
18245
|
+
function getScale(element) {
|
|
18246
|
+
const domElement = unwrapElement(element);
|
|
18247
|
+
if (!isHTMLElement(domElement)) {
|
|
18248
|
+
return createCoords(1);
|
|
18249
|
+
}
|
|
18250
|
+
const rect = domElement.getBoundingClientRect();
|
|
18251
|
+
const {
|
|
18252
|
+
width,
|
|
18253
|
+
height,
|
|
18254
|
+
$
|
|
18255
|
+
} = getCssDimensions(domElement);
|
|
18256
|
+
let x = ($ ? round(rect.width) : rect.width) / width;
|
|
18257
|
+
let y = ($ ? round(rect.height) : rect.height) / height;
|
|
18258
|
+
|
|
18259
|
+
// 0, NaN, or Infinity should always fallback to 1.
|
|
18260
|
+
|
|
18261
|
+
if (!x || !Number.isFinite(x)) {
|
|
18262
|
+
x = 1;
|
|
18263
|
+
}
|
|
18264
|
+
if (!y || !Number.isFinite(y)) {
|
|
18265
|
+
y = 1;
|
|
18266
|
+
}
|
|
18267
|
+
return {
|
|
18268
|
+
x,
|
|
18269
|
+
y
|
|
18270
|
+
};
|
|
18271
|
+
}
|
|
18272
|
+
|
|
18273
|
+
const noOffsets = /*#__PURE__*/createCoords(0);
|
|
18274
|
+
function getVisualOffsets(element) {
|
|
18275
|
+
const win = getWindow(element);
|
|
18276
|
+
if (!isWebKit() || !win.visualViewport) {
|
|
18277
|
+
return noOffsets;
|
|
18278
|
+
}
|
|
18279
|
+
return {
|
|
18280
|
+
x: win.visualViewport.offsetLeft,
|
|
18281
|
+
y: win.visualViewport.offsetTop
|
|
18282
|
+
};
|
|
18283
|
+
}
|
|
18284
|
+
function shouldAddVisualOffsets(element, isFixed, floatingOffsetParent) {
|
|
18285
|
+
if (isFixed === void 0) {
|
|
18286
|
+
isFixed = false;
|
|
18287
|
+
}
|
|
18288
|
+
return !!floatingOffsetParent && isFixed && floatingOffsetParent === getWindow(element);
|
|
18289
|
+
}
|
|
18290
|
+
|
|
18291
|
+
function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetParent) {
|
|
18292
|
+
if (includeScale === void 0) {
|
|
18293
|
+
includeScale = false;
|
|
18294
|
+
}
|
|
18295
|
+
if (isFixedStrategy === void 0) {
|
|
18296
|
+
isFixedStrategy = false;
|
|
18297
|
+
}
|
|
18298
|
+
const clientRect = element.getBoundingClientRect();
|
|
18299
|
+
const domElement = unwrapElement(element);
|
|
18300
|
+
let scale = createCoords(1);
|
|
18301
|
+
if (includeScale) {
|
|
18302
|
+
if (offsetParent) {
|
|
18303
|
+
if (isElement(offsetParent)) {
|
|
18304
|
+
scale = getScale(offsetParent);
|
|
18305
|
+
}
|
|
18306
|
+
} else {
|
|
18307
|
+
scale = getScale(element);
|
|
18308
|
+
}
|
|
18309
|
+
}
|
|
18310
|
+
const visualOffsets = shouldAddVisualOffsets(domElement, isFixedStrategy, offsetParent) ? getVisualOffsets(domElement) : createCoords(0);
|
|
18311
|
+
let x = (clientRect.left + visualOffsets.x) / scale.x;
|
|
18312
|
+
let y = (clientRect.top + visualOffsets.y) / scale.y;
|
|
18313
|
+
let width = clientRect.width / scale.x;
|
|
18314
|
+
let height = clientRect.height / scale.y;
|
|
18315
|
+
if (domElement && offsetParent) {
|
|
18316
|
+
const win = getWindow(domElement);
|
|
18317
|
+
const offsetWin = isElement(offsetParent) ? getWindow(offsetParent) : offsetParent;
|
|
18318
|
+
let currentWin = win;
|
|
18319
|
+
let currentIFrame = getFrameElement(currentWin);
|
|
18320
|
+
while (currentIFrame && offsetWin !== currentWin) {
|
|
18321
|
+
const iframeScale = getScale(currentIFrame);
|
|
18322
|
+
const iframeRect = currentIFrame.getBoundingClientRect();
|
|
18323
|
+
const css = getComputedStyle$1(currentIFrame);
|
|
18324
|
+
const left = iframeRect.left + (currentIFrame.clientLeft + parseFloat(css.paddingLeft)) * iframeScale.x;
|
|
18325
|
+
const top = iframeRect.top + (currentIFrame.clientTop + parseFloat(css.paddingTop)) * iframeScale.y;
|
|
18326
|
+
x *= iframeScale.x;
|
|
18327
|
+
y *= iframeScale.y;
|
|
18328
|
+
width *= iframeScale.x;
|
|
18329
|
+
height *= iframeScale.y;
|
|
18330
|
+
x += left;
|
|
18331
|
+
y += top;
|
|
18332
|
+
currentWin = getWindow(currentIFrame);
|
|
18333
|
+
currentIFrame = getFrameElement(currentWin);
|
|
18334
|
+
}
|
|
18335
|
+
}
|
|
18336
|
+
return rectToClientRect({
|
|
18337
|
+
width,
|
|
18338
|
+
height,
|
|
18339
|
+
x,
|
|
18340
|
+
y
|
|
18341
|
+
});
|
|
18342
|
+
}
|
|
18343
|
+
|
|
18344
|
+
// If <html> has a CSS width greater than the viewport, then this will be
|
|
18345
|
+
// incorrect for RTL.
|
|
18346
|
+
function getWindowScrollBarX(element, rect) {
|
|
18347
|
+
const leftScroll = getNodeScroll(element).scrollLeft;
|
|
18348
|
+
if (!rect) {
|
|
18349
|
+
return getBoundingClientRect(getDocumentElement(element)).left + leftScroll;
|
|
18350
|
+
}
|
|
18351
|
+
return rect.left + leftScroll;
|
|
18352
|
+
}
|
|
18353
|
+
|
|
18354
|
+
function getHTMLOffset(documentElement, scroll) {
|
|
18355
|
+
const htmlRect = documentElement.getBoundingClientRect();
|
|
18356
|
+
const x = htmlRect.left + scroll.scrollLeft - getWindowScrollBarX(documentElement, htmlRect);
|
|
18357
|
+
const y = htmlRect.top + scroll.scrollTop;
|
|
18358
|
+
return {
|
|
18359
|
+
x,
|
|
18360
|
+
y
|
|
18361
|
+
};
|
|
18362
|
+
}
|
|
18363
|
+
|
|
18364
|
+
function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
|
|
18365
|
+
let {
|
|
18366
|
+
elements,
|
|
18367
|
+
rect,
|
|
18368
|
+
offsetParent,
|
|
18369
|
+
strategy
|
|
18370
|
+
} = _ref;
|
|
18371
|
+
const isFixed = strategy === 'fixed';
|
|
18372
|
+
const documentElement = getDocumentElement(offsetParent);
|
|
18373
|
+
const topLayer = elements ? isTopLayer(elements.floating) : false;
|
|
18374
|
+
if (offsetParent === documentElement || topLayer && isFixed) {
|
|
18375
|
+
return rect;
|
|
18376
|
+
}
|
|
18377
|
+
let scroll = {
|
|
18378
|
+
scrollLeft: 0,
|
|
18379
|
+
scrollTop: 0
|
|
18380
|
+
};
|
|
18381
|
+
let scale = createCoords(1);
|
|
18382
|
+
const offsets = createCoords(0);
|
|
18383
|
+
const isOffsetParentAnElement = isHTMLElement(offsetParent);
|
|
18384
|
+
if (isOffsetParentAnElement || !isFixed) {
|
|
18385
|
+
if (getNodeName(offsetParent) !== 'body' || isOverflowElement(documentElement)) {
|
|
18386
|
+
scroll = getNodeScroll(offsetParent);
|
|
18387
|
+
}
|
|
18388
|
+
if (isOffsetParentAnElement) {
|
|
18389
|
+
const offsetRect = getBoundingClientRect(offsetParent);
|
|
18390
|
+
scale = getScale(offsetParent);
|
|
18391
|
+
offsets.x = offsetRect.x + offsetParent.clientLeft;
|
|
18392
|
+
offsets.y = offsetRect.y + offsetParent.clientTop;
|
|
18393
|
+
}
|
|
18394
|
+
}
|
|
18395
|
+
const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);
|
|
18396
|
+
return {
|
|
18397
|
+
width: rect.width * scale.x,
|
|
18398
|
+
height: rect.height * scale.y,
|
|
18399
|
+
x: rect.x * scale.x - scroll.scrollLeft * scale.x + offsets.x + htmlOffset.x,
|
|
18400
|
+
y: rect.y * scale.y - scroll.scrollTop * scale.y + offsets.y + htmlOffset.y
|
|
18401
|
+
};
|
|
18402
|
+
}
|
|
18403
|
+
|
|
18404
|
+
function getClientRects(element) {
|
|
18405
|
+
return element.getClientRects ? Array.from(element.getClientRects()) : [];
|
|
18406
|
+
}
|
|
18407
|
+
|
|
18408
|
+
// Gets the entire size of the scrollable document area, even extending outside
|
|
18409
|
+
// of the `<html>` and `<body>` rect bounds if horizontally scrollable.
|
|
18410
|
+
function getDocumentRect(html) {
|
|
18411
|
+
const scroll = getNodeScroll(html);
|
|
18412
|
+
const body = html.ownerDocument.body;
|
|
18413
|
+
const width = max$1(html.scrollWidth, html.clientWidth, body.scrollWidth, body.clientWidth);
|
|
18414
|
+
const height = max$1(html.scrollHeight, html.clientHeight, body.scrollHeight, body.clientHeight);
|
|
18415
|
+
let x = -scroll.scrollLeft + getWindowScrollBarX(html);
|
|
18416
|
+
const y = -scroll.scrollTop;
|
|
18417
|
+
if (getComputedStyle$1(body).direction === 'rtl') {
|
|
18418
|
+
x += max$1(html.clientWidth, body.clientWidth) - width;
|
|
18419
|
+
}
|
|
18420
|
+
return {
|
|
18421
|
+
width,
|
|
18422
|
+
height,
|
|
18423
|
+
x,
|
|
18424
|
+
y
|
|
18425
|
+
};
|
|
18426
|
+
}
|
|
18427
|
+
|
|
18428
|
+
// Safety check: ensure the scrollbar space is reasonable in case this
|
|
18429
|
+
// calculation is affected by unusual styles.
|
|
18430
|
+
// Most scrollbars leave 15-18px of space.
|
|
18431
|
+
const SCROLLBAR_MAX = 25;
|
|
18432
|
+
function getViewportRect(element, strategy, rootBoundary) {
|
|
18433
|
+
if (rootBoundary === void 0) {
|
|
18434
|
+
rootBoundary = 'viewport';
|
|
18435
|
+
}
|
|
18436
|
+
const isLayoutViewport = rootBoundary === 'layoutViewport';
|
|
18437
|
+
const win = getWindow(element);
|
|
18438
|
+
const html = getDocumentElement(element);
|
|
18439
|
+
const visualViewport = win.visualViewport;
|
|
18440
|
+
let width = html.clientWidth;
|
|
18441
|
+
let height = html.clientHeight;
|
|
18442
|
+
let x = 0;
|
|
18443
|
+
let y = 0;
|
|
18444
|
+
if (visualViewport) {
|
|
18445
|
+
// Client coordinates are relative to the layout viewport, except in
|
|
18446
|
+
// WebKit with an `absolute` strategy, where they are relative to the
|
|
18447
|
+
// visual viewport.
|
|
18448
|
+
const layoutRelativeClientCoords = !isWebKit() || strategy === 'fixed';
|
|
18449
|
+
if (isLayoutViewport) {
|
|
18450
|
+
if (!layoutRelativeClientCoords) {
|
|
18451
|
+
x = -visualViewport.offsetLeft;
|
|
18452
|
+
y = -visualViewport.offsetTop;
|
|
18453
|
+
}
|
|
18454
|
+
} else {
|
|
18455
|
+
width = visualViewport.width;
|
|
18456
|
+
height = visualViewport.height;
|
|
18457
|
+
if (layoutRelativeClientCoords) {
|
|
18458
|
+
x = visualViewport.offsetLeft;
|
|
18459
|
+
y = visualViewport.offsetTop;
|
|
18460
|
+
}
|
|
18461
|
+
}
|
|
18462
|
+
}
|
|
18463
|
+
const windowScrollbarX = getWindowScrollBarX(html);
|
|
18464
|
+
// `scrollbar-gutter: stable` on the <html> reserves gutter space that shrinks
|
|
18465
|
+
// the visual width but isn't reflected in `html.clientWidth`, so subtract it.
|
|
18466
|
+
// Only the inline-end (right) gutter can hold the scrollbar; `both-edges` also
|
|
18467
|
+
// reserves an empty inline-start gutter that clips nothing, so exclude just
|
|
18468
|
+
// the one scrollbar-side gutter — halve the measured (two-gutter) total. A
|
|
18469
|
+
// left-side scrollbar (`windowScrollbarX > 0`) is already handled by
|
|
18470
|
+
// `getHTMLOffset`/`visualViewport.width`; skip it here.
|
|
18471
|
+
if (windowScrollbarX <= 0) {
|
|
18472
|
+
const doc = html.ownerDocument;
|
|
18473
|
+
const body = doc.body;
|
|
18474
|
+
const bodyStyles = getComputedStyle(body);
|
|
18475
|
+
const bodyMarginInline = doc.compatMode === 'CSS1Compat' ? parseFloat(bodyStyles.marginLeft) + parseFloat(bodyStyles.marginRight) || 0 : 0;
|
|
18476
|
+
const reservedWidth = Math.abs(html.clientWidth - body.clientWidth - bodyMarginInline);
|
|
18477
|
+
const gutter = getComputedStyle(html).scrollbarGutter === 'stable both-edges' ? reservedWidth / 2 : reservedWidth;
|
|
18478
|
+
if (gutter <= SCROLLBAR_MAX) {
|
|
18479
|
+
width -= gutter;
|
|
18480
|
+
}
|
|
18481
|
+
}
|
|
18482
|
+
return {
|
|
18483
|
+
width,
|
|
18484
|
+
height,
|
|
18485
|
+
x,
|
|
18486
|
+
y
|
|
18487
|
+
};
|
|
18488
|
+
}
|
|
18489
|
+
|
|
18490
|
+
// Returns the inner client rect, subtracting scrollbars if present.
|
|
18491
|
+
function getInnerBoundingClientRect(element, strategy) {
|
|
18492
|
+
const clientRect = getBoundingClientRect(element, true, strategy === 'fixed');
|
|
18493
|
+
const top = clientRect.top + element.clientTop;
|
|
18494
|
+
const left = clientRect.left + element.clientLeft;
|
|
18495
|
+
const scale = getScale(element);
|
|
18496
|
+
const width = element.clientWidth * scale.x;
|
|
18497
|
+
const height = element.clientHeight * scale.y;
|
|
18498
|
+
const x = left * scale.x;
|
|
18499
|
+
const y = top * scale.y;
|
|
18500
|
+
return {
|
|
18501
|
+
width,
|
|
18502
|
+
height,
|
|
18503
|
+
x,
|
|
18504
|
+
y
|
|
18505
|
+
};
|
|
18506
|
+
}
|
|
18507
|
+
function getClientRectFromClippingAncestor(element, clippingAncestor, strategy) {
|
|
18508
|
+
let rect;
|
|
18509
|
+
if (clippingAncestor === 'viewport' || clippingAncestor === 'layoutViewport') {
|
|
18510
|
+
rect = getViewportRect(element, strategy, clippingAncestor);
|
|
18511
|
+
} else if (clippingAncestor === 'document') {
|
|
18512
|
+
rect = getDocumentRect(getDocumentElement(element));
|
|
18513
|
+
} else if (isElement(clippingAncestor)) {
|
|
18514
|
+
rect = getInnerBoundingClientRect(clippingAncestor, strategy);
|
|
18515
|
+
} else {
|
|
18516
|
+
const visualOffsets = getVisualOffsets(element);
|
|
18517
|
+
rect = {
|
|
18518
|
+
x: clippingAncestor.x - visualOffsets.x,
|
|
18519
|
+
y: clippingAncestor.y - visualOffsets.y,
|
|
18520
|
+
width: clippingAncestor.width,
|
|
18521
|
+
height: clippingAncestor.height
|
|
18522
|
+
};
|
|
18523
|
+
}
|
|
18524
|
+
return rectToClientRect(rect);
|
|
18525
|
+
}
|
|
18526
|
+
|
|
18527
|
+
// A "clipping ancestor" is an `overflow` element with the characteristic of
|
|
18528
|
+
// clipping (or hiding) child elements. This returns all clipping ancestors
|
|
18529
|
+
// of the given element up the tree.
|
|
18530
|
+
function getClippingElementAncestors(element, cache) {
|
|
18531
|
+
const cachedResult = cache.get(element);
|
|
18532
|
+
if (cachedResult) {
|
|
18533
|
+
return cachedResult;
|
|
18534
|
+
}
|
|
18535
|
+
let result = getOverflowAncestors(element, [], false).filter(el => isElement(el) && getNodeName(el) !== 'body');
|
|
18536
|
+
let lastKeptComputedStyle = null;
|
|
18537
|
+
const elementIsFixed = getComputedStyle$1(element).position === 'fixed';
|
|
18538
|
+
let currentNode = elementIsFixed ? getParentNode(element) : element;
|
|
18539
|
+
|
|
18540
|
+
// https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
|
|
18541
|
+
while (isElement(currentNode) && !isLastTraversableNode(currentNode)) {
|
|
18542
|
+
const computedStyle = getComputedStyle$1(currentNode);
|
|
18543
|
+
const currentNodeIsContaining = isContainingBlock(currentNode);
|
|
18544
|
+
// Position of the containing block chain below the current node. A fixed
|
|
18545
|
+
// element whose containing block hasn't been found yet is a fixed chain.
|
|
18546
|
+
const lastPosition = lastKeptComputedStyle ? lastKeptComputedStyle.position : elementIsFixed ? 'fixed' : '';
|
|
18547
|
+
|
|
18548
|
+
// A non-containing ancestor does not clip the element when the chain
|
|
18549
|
+
// below it escapes it: a fixed chain escapes all ancestors up to the
|
|
18550
|
+
// next containing block, an absolute chain escapes static ancestors.
|
|
18551
|
+
const shouldDropCurrentNode = !currentNodeIsContaining && (lastPosition === 'fixed' || lastPosition === 'absolute' && computedStyle.position === 'static');
|
|
18552
|
+
if (shouldDropCurrentNode) {
|
|
18553
|
+
// Drop non-containing blocks.
|
|
18554
|
+
result = result.filter(ancestor => ancestor !== currentNode);
|
|
18555
|
+
} else {
|
|
18556
|
+
// The kept node carries the chain position for the next iteration.
|
|
18557
|
+
lastKeptComputedStyle = computedStyle;
|
|
18558
|
+
}
|
|
18559
|
+
currentNode = getParentNode(currentNode);
|
|
18560
|
+
}
|
|
18561
|
+
cache.set(element, result);
|
|
18562
|
+
return result;
|
|
18563
|
+
}
|
|
18564
|
+
|
|
18565
|
+
// Gets the maximum area that the element is visible in due to any number of
|
|
18566
|
+
// clipping ancestors.
|
|
18567
|
+
function getClippingRect(_ref) {
|
|
18568
|
+
let {
|
|
18569
|
+
element,
|
|
18570
|
+
boundary,
|
|
18571
|
+
rootBoundary,
|
|
18572
|
+
strategy
|
|
18573
|
+
} = _ref;
|
|
18574
|
+
const elementClippingAncestors = boundary === 'clippingAncestors' ? isTopLayer(element) ? [] : getClippingElementAncestors(element, this._c) : [].concat(boundary);
|
|
18575
|
+
const clippingAncestors = [...elementClippingAncestors, rootBoundary];
|
|
18576
|
+
const firstRect = getClientRectFromClippingAncestor(element, clippingAncestors[0], strategy);
|
|
18577
|
+
let top = firstRect.top;
|
|
18578
|
+
let right = firstRect.right;
|
|
18579
|
+
let bottom = firstRect.bottom;
|
|
18580
|
+
let left = firstRect.left;
|
|
18581
|
+
for (let i = 1; i < clippingAncestors.length; i++) {
|
|
18582
|
+
const rect = getClientRectFromClippingAncestor(element, clippingAncestors[i], strategy);
|
|
18583
|
+
top = max$1(rect.top, top);
|
|
18584
|
+
right = min$1(rect.right, right);
|
|
18585
|
+
bottom = min$1(rect.bottom, bottom);
|
|
18586
|
+
left = max$1(rect.left, left);
|
|
18587
|
+
}
|
|
18588
|
+
return {
|
|
18589
|
+
width: right - left,
|
|
18590
|
+
height: bottom - top,
|
|
18591
|
+
x: left,
|
|
18592
|
+
y: top
|
|
18593
|
+
};
|
|
18594
|
+
}
|
|
18595
|
+
|
|
18596
|
+
function getDimensions(element) {
|
|
18597
|
+
const {
|
|
18598
|
+
width,
|
|
18599
|
+
height
|
|
18600
|
+
} = getCssDimensions(element);
|
|
18601
|
+
return {
|
|
18602
|
+
width,
|
|
18603
|
+
height
|
|
18604
|
+
};
|
|
18605
|
+
}
|
|
18606
|
+
|
|
18607
|
+
function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
|
|
18608
|
+
const isOffsetParentAnElement = isHTMLElement(offsetParent);
|
|
18609
|
+
const documentElement = getDocumentElement(offsetParent);
|
|
18610
|
+
const isFixed = strategy === 'fixed';
|
|
18611
|
+
const rect = getBoundingClientRect(element, true, isFixed, offsetParent);
|
|
18612
|
+
let scroll = {
|
|
18613
|
+
scrollLeft: 0,
|
|
18614
|
+
scrollTop: 0
|
|
18615
|
+
};
|
|
18616
|
+
const offsets = createCoords(0);
|
|
18617
|
+
if (isOffsetParentAnElement || !isFixed) {
|
|
18618
|
+
if (getNodeName(offsetParent) !== 'body' || isOverflowElement(documentElement)) {
|
|
18619
|
+
scroll = getNodeScroll(offsetParent);
|
|
18620
|
+
}
|
|
18621
|
+
if (isOffsetParentAnElement) {
|
|
18622
|
+
const offsetRect = getBoundingClientRect(offsetParent, true, isFixed, offsetParent);
|
|
18623
|
+
offsets.x = offsetRect.x + offsetParent.clientLeft;
|
|
18624
|
+
offsets.y = offsetRect.y + offsetParent.clientTop;
|
|
18625
|
+
}
|
|
18626
|
+
}
|
|
18627
|
+
|
|
18628
|
+
// If the <body> scrollbar appears on the left (e.g. RTL systems). Use
|
|
18629
|
+
// Firefox with layout.scrollbar.side = 3 in about:config to test this.
|
|
18630
|
+
if (!isOffsetParentAnElement && documentElement) {
|
|
18631
|
+
offsets.x = getWindowScrollBarX(documentElement);
|
|
18632
|
+
}
|
|
18633
|
+
const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);
|
|
18634
|
+
const x = rect.left + scroll.scrollLeft - offsets.x - htmlOffset.x;
|
|
18635
|
+
const y = rect.top + scroll.scrollTop - offsets.y - htmlOffset.y;
|
|
18636
|
+
return {
|
|
18637
|
+
x,
|
|
18638
|
+
y,
|
|
18639
|
+
width: rect.width,
|
|
18640
|
+
height: rect.height
|
|
18641
|
+
};
|
|
18642
|
+
}
|
|
18643
|
+
|
|
18644
|
+
function isStaticPositioned(element) {
|
|
18645
|
+
return getComputedStyle$1(element).position === 'static';
|
|
18646
|
+
}
|
|
18647
|
+
|
|
18648
|
+
function getTrueOffsetParent(element, polyfill) {
|
|
18649
|
+
if (!isHTMLElement(element) || getComputedStyle$1(element).position === 'fixed') {
|
|
18650
|
+
return null;
|
|
18651
|
+
}
|
|
18652
|
+
if (polyfill) {
|
|
18653
|
+
return polyfill(element);
|
|
18654
|
+
}
|
|
18655
|
+
let rawOffsetParent = element.offsetParent;
|
|
18656
|
+
|
|
18657
|
+
// Firefox returns the <html> element as the offsetParent if it's non-static,
|
|
18658
|
+
// while Chrome and Safari return the <body> element. The <body> element must
|
|
18659
|
+
// be used to perform the correct calculations even if the <html> element is
|
|
18660
|
+
// non-static.
|
|
18661
|
+
if (getDocumentElement(element) === rawOffsetParent) {
|
|
18662
|
+
rawOffsetParent = rawOffsetParent.ownerDocument.body;
|
|
18663
|
+
}
|
|
18664
|
+
return rawOffsetParent;
|
|
18665
|
+
}
|
|
18666
|
+
|
|
18667
|
+
// Gets the closest ancestor positioned element. Handles some edge cases,
|
|
18668
|
+
// such as table ancestors and cross browser bugs.
|
|
18669
|
+
function getOffsetParent(element, polyfill) {
|
|
18670
|
+
const win = getWindow(element);
|
|
18671
|
+
if (isTopLayer(element)) {
|
|
18672
|
+
return win;
|
|
18673
|
+
}
|
|
18674
|
+
if (!isHTMLElement(element)) {
|
|
18675
|
+
let svgOffsetParent = getParentNode(element);
|
|
18676
|
+
while (svgOffsetParent && !isLastTraversableNode(svgOffsetParent)) {
|
|
18677
|
+
if (isElement(svgOffsetParent) && !isStaticPositioned(svgOffsetParent)) {
|
|
18678
|
+
return svgOffsetParent;
|
|
18679
|
+
}
|
|
18680
|
+
svgOffsetParent = getParentNode(svgOffsetParent);
|
|
18681
|
+
}
|
|
18682
|
+
return win;
|
|
18683
|
+
}
|
|
18684
|
+
let offsetParent = getTrueOffsetParent(element, polyfill);
|
|
18685
|
+
while (offsetParent && isTableElement(offsetParent) && isStaticPositioned(offsetParent)) {
|
|
18686
|
+
offsetParent = getTrueOffsetParent(offsetParent, polyfill);
|
|
18687
|
+
}
|
|
18688
|
+
if (offsetParent && isLastTraversableNode(offsetParent) && isStaticPositioned(offsetParent) && !isContainingBlock(offsetParent)) {
|
|
18689
|
+
return win;
|
|
18690
|
+
}
|
|
18691
|
+
return offsetParent || getContainingBlock(element) || win;
|
|
18692
|
+
}
|
|
18693
|
+
|
|
18694
|
+
const getElementRects = async function (data) {
|
|
18695
|
+
const getOffsetParentFn = this.getOffsetParent || getOffsetParent;
|
|
18696
|
+
const getDimensionsFn = this.getDimensions;
|
|
18697
|
+
const floatingDimensions = await getDimensionsFn(data.floating);
|
|
18698
|
+
return {
|
|
18699
|
+
reference: getRectRelativeToOffsetParent(data.reference, await getOffsetParentFn(data.floating), data.strategy),
|
|
18700
|
+
floating: {
|
|
18701
|
+
x: 0,
|
|
18702
|
+
y: 0,
|
|
18703
|
+
width: floatingDimensions.width,
|
|
18704
|
+
height: floatingDimensions.height
|
|
18705
|
+
}
|
|
18706
|
+
};
|
|
18707
|
+
};
|
|
18708
|
+
|
|
18709
|
+
function isRTL(element) {
|
|
18710
|
+
return getComputedStyle$1(element).direction === 'rtl';
|
|
18711
|
+
}
|
|
18712
|
+
|
|
18713
|
+
const platform = {
|
|
18714
|
+
convertOffsetParentRelativeRectToViewportRelativeRect,
|
|
18715
|
+
getDocumentElement,
|
|
18716
|
+
getClippingRect,
|
|
18717
|
+
getOffsetParent,
|
|
18718
|
+
getElementRects,
|
|
18719
|
+
getClientRects,
|
|
18720
|
+
getDimensions,
|
|
18721
|
+
getScale,
|
|
18722
|
+
isElement,
|
|
18723
|
+
isRTL
|
|
18724
|
+
};
|
|
18725
|
+
|
|
18726
|
+
function rectsAreEqual(a, b) {
|
|
18727
|
+
return a.x === b.x && a.y === b.y && a.width === b.width && a.height === b.height;
|
|
18728
|
+
}
|
|
18729
|
+
|
|
18730
|
+
// https://samthor.au/2021/observing-dom/
|
|
18731
|
+
function observeMove(element, onMove, ancestorResize) {
|
|
18732
|
+
let io = null;
|
|
18733
|
+
let timeoutId;
|
|
18734
|
+
const root = getDocumentElement(element);
|
|
18735
|
+
function cleanup() {
|
|
18736
|
+
var _io;
|
|
18737
|
+
clearTimeout(timeoutId);
|
|
18738
|
+
(_io = io) == null || _io.disconnect();
|
|
18739
|
+
io = null;
|
|
18740
|
+
}
|
|
18741
|
+
function refresh(skip, threshold) {
|
|
18742
|
+
if (skip === void 0) {
|
|
18743
|
+
skip = false;
|
|
18744
|
+
}
|
|
18745
|
+
if (threshold === void 0) {
|
|
18746
|
+
threshold = 1;
|
|
18747
|
+
}
|
|
18748
|
+
cleanup();
|
|
18749
|
+
const elementRectForRootMargin = element.getBoundingClientRect();
|
|
18750
|
+
const {
|
|
18751
|
+
left,
|
|
18752
|
+
top,
|
|
18753
|
+
width,
|
|
18754
|
+
height
|
|
18755
|
+
} = elementRectForRootMargin;
|
|
18756
|
+
if (!skip) {
|
|
18757
|
+
onMove();
|
|
18758
|
+
}
|
|
18759
|
+
if (!width || !height) {
|
|
18760
|
+
return;
|
|
18761
|
+
}
|
|
18762
|
+
const insetTop = floor(top);
|
|
18763
|
+
const insetRight = floor(root.clientWidth - (left + width));
|
|
18764
|
+
const insetBottom = floor(root.clientHeight - (top + height));
|
|
18765
|
+
const insetLeft = floor(left);
|
|
18766
|
+
const rootMargin = -insetTop + "px " + -insetRight + "px " + -insetBottom + "px " + -insetLeft + "px";
|
|
18767
|
+
const options = {
|
|
18768
|
+
rootMargin,
|
|
18769
|
+
threshold: max$1(0, min$1(1, threshold)) || 1
|
|
18770
|
+
};
|
|
18771
|
+
let isFirstUpdate = true;
|
|
18772
|
+
function handleObserve(entries) {
|
|
18773
|
+
const ratio = entries[0].intersectionRatio;
|
|
18774
|
+
|
|
18775
|
+
// The entry is a snapshot, so the reference may have moved since the
|
|
18776
|
+
// intersection was computed (under performance constraints, or between
|
|
18777
|
+
// consecutive frames of a multi-frame layout shift). The reported ratio
|
|
18778
|
+
// and the observed area are stale in that case and cannot be trusted to
|
|
18779
|
+
// detect subsequent movement, so refresh regardless of the ratio.
|
|
18780
|
+
if (!rectsAreEqual(elementRectForRootMargin, element.getBoundingClientRect())) {
|
|
18781
|
+
return refresh();
|
|
18782
|
+
}
|
|
18783
|
+
if (ratio !== threshold) {
|
|
18784
|
+
if (!isFirstUpdate) {
|
|
18785
|
+
return refresh();
|
|
18786
|
+
}
|
|
18787
|
+
if (!ratio) {
|
|
18788
|
+
// If the reference is clipped in place, the ratio is 0. Throttle
|
|
18789
|
+
// the refresh to prevent an infinite loop of updates.
|
|
18790
|
+
timeoutId = setTimeout(() => {
|
|
18791
|
+
refresh(false, 1e-7);
|
|
18792
|
+
}, 1000);
|
|
18793
|
+
} else {
|
|
18794
|
+
refresh(false, ratio);
|
|
18795
|
+
}
|
|
18796
|
+
}
|
|
18797
|
+
isFirstUpdate = false;
|
|
18798
|
+
}
|
|
18799
|
+
|
|
18800
|
+
// Older browsers don't support a `document` as the root and will throw an
|
|
18801
|
+
// error.
|
|
18802
|
+
try {
|
|
18803
|
+
io = new IntersectionObserver(handleObserve, {
|
|
18804
|
+
...options,
|
|
18805
|
+
// Handle <iframe>s
|
|
18806
|
+
root: root.ownerDocument
|
|
18807
|
+
});
|
|
18808
|
+
} catch (_e) {
|
|
18809
|
+
io = new IntersectionObserver(handleObserve, options);
|
|
18810
|
+
}
|
|
18811
|
+
io.observe(element);
|
|
18812
|
+
}
|
|
18813
|
+
const win = getWindow(element);
|
|
18814
|
+
// The window is a resize ancestor, so when `ancestorResize` is enabled its
|
|
18815
|
+
// listener already runs the update on resize. Here we only need to rebuild
|
|
18816
|
+
// the `IntersectionObserver` for the new root size, skipping a redundant
|
|
18817
|
+
// update. When `ancestorResize` is disabled, this becomes the sole update.
|
|
18818
|
+
const handleResize = () => refresh(ancestorResize);
|
|
18819
|
+
win.addEventListener('resize', handleResize);
|
|
18820
|
+
refresh(true);
|
|
18821
|
+
return () => {
|
|
18822
|
+
win.removeEventListener('resize', handleResize);
|
|
18823
|
+
cleanup();
|
|
18824
|
+
};
|
|
18825
|
+
}
|
|
18826
|
+
|
|
18827
|
+
/**
|
|
18828
|
+
* Automatically updates the position of the floating element when necessary.
|
|
18829
|
+
* Should only be called when the floating element is mounted on the DOM or
|
|
18830
|
+
* visible on the screen.
|
|
18831
|
+
* @returns cleanup function that should be invoked when the floating element is
|
|
18832
|
+
* removed from the DOM or hidden from the screen.
|
|
18833
|
+
* @see https://floating-ui.com/docs/autoUpdate
|
|
18834
|
+
*/
|
|
18835
|
+
function autoUpdate(reference, floating, update, options) {
|
|
18836
|
+
if (options === void 0) {
|
|
18837
|
+
options = {};
|
|
18838
|
+
}
|
|
18839
|
+
const {
|
|
18840
|
+
ancestorScroll = true,
|
|
18841
|
+
ancestorResize = true,
|
|
18842
|
+
elementResize = typeof ResizeObserver === 'function',
|
|
18843
|
+
layoutShift = typeof IntersectionObserver === 'function',
|
|
18844
|
+
animationFrame = false
|
|
18845
|
+
} = options;
|
|
18846
|
+
const referenceEl = unwrapElement(reference);
|
|
18847
|
+
const ancestors = ancestorScroll || ancestorResize ? [...(referenceEl ? getOverflowAncestors(referenceEl) : []), ...(floating ? getOverflowAncestors(floating) : [])] : [];
|
|
18848
|
+
ancestors.forEach(ancestor => {
|
|
18849
|
+
ancestorScroll && ancestor.addEventListener('scroll', update);
|
|
18850
|
+
ancestorResize && ancestor.addEventListener('resize', update);
|
|
18851
|
+
});
|
|
18852
|
+
const cleanupIo = referenceEl && layoutShift ? observeMove(referenceEl, update, ancestorResize) : null;
|
|
18853
|
+
let reobserveFrame = -1;
|
|
18854
|
+
let resizeObserver = null;
|
|
18855
|
+
if (elementResize) {
|
|
18856
|
+
resizeObserver = new ResizeObserver(_ref => {
|
|
18857
|
+
let [firstEntry] = _ref;
|
|
18858
|
+
if (firstEntry && firstEntry.target === referenceEl && resizeObserver && floating) {
|
|
18859
|
+
// Prevent update loops when using the `size` middleware.
|
|
18860
|
+
// https://github.com/floating-ui/floating-ui/issues/1740
|
|
18861
|
+
resizeObserver.unobserve(floating);
|
|
18862
|
+
cancelAnimationFrame(reobserveFrame);
|
|
18863
|
+
reobserveFrame = requestAnimationFrame(() => {
|
|
18864
|
+
var _resizeObserver;
|
|
18865
|
+
(_resizeObserver = resizeObserver) == null || _resizeObserver.observe(floating);
|
|
18866
|
+
});
|
|
18867
|
+
}
|
|
18868
|
+
update();
|
|
18869
|
+
});
|
|
18870
|
+
if (referenceEl && !animationFrame) {
|
|
18871
|
+
resizeObserver.observe(referenceEl);
|
|
18872
|
+
}
|
|
18873
|
+
if (floating) {
|
|
18874
|
+
resizeObserver.observe(floating);
|
|
18875
|
+
}
|
|
18876
|
+
}
|
|
18877
|
+
let frameId;
|
|
18878
|
+
let prevRefRect = animationFrame ? getBoundingClientRect(reference) : null;
|
|
18879
|
+
if (animationFrame) {
|
|
18880
|
+
frameLoop();
|
|
18881
|
+
}
|
|
18882
|
+
function frameLoop() {
|
|
18883
|
+
const nextRefRect = getBoundingClientRect(reference);
|
|
18884
|
+
if (prevRefRect && !rectsAreEqual(prevRefRect, nextRefRect)) {
|
|
18885
|
+
update();
|
|
18886
|
+
}
|
|
18887
|
+
prevRefRect = nextRefRect;
|
|
18888
|
+
frameId = requestAnimationFrame(frameLoop);
|
|
18889
|
+
}
|
|
18890
|
+
update();
|
|
18891
|
+
return () => {
|
|
18892
|
+
var _resizeObserver2;
|
|
18893
|
+
ancestors.forEach(ancestor => {
|
|
18894
|
+
ancestorScroll && ancestor.removeEventListener('scroll', update);
|
|
18895
|
+
ancestorResize && ancestor.removeEventListener('resize', update);
|
|
18896
|
+
});
|
|
18897
|
+
cleanupIo == null || cleanupIo();
|
|
18898
|
+
(_resizeObserver2 = resizeObserver) == null || _resizeObserver2.disconnect();
|
|
18899
|
+
resizeObserver = null;
|
|
18900
|
+
if (animationFrame) {
|
|
18901
|
+
cancelAnimationFrame(frameId);
|
|
18902
|
+
}
|
|
18903
|
+
};
|
|
18904
|
+
}
|
|
18905
|
+
|
|
18906
|
+
/**
|
|
18907
|
+
* Modifies the placement by translating the floating element along the
|
|
18908
|
+
* specified axes.
|
|
18909
|
+
* A number (shorthand for `mainAxis` or distance), or an axes configuration
|
|
18910
|
+
* object may be passed.
|
|
18911
|
+
* @see https://floating-ui.com/docs/offset
|
|
18912
|
+
*/
|
|
18913
|
+
const offset$1 = offset$3;
|
|
18914
|
+
|
|
18915
|
+
/**
|
|
18916
|
+
* Optimizes the visibility of the floating element by flipping the `placement`
|
|
18917
|
+
* in order to keep it in view when the preferred placement(s) will overflow the
|
|
18918
|
+
* clipping boundary. Alternative to `autoPlacement`.
|
|
18919
|
+
* @see https://floating-ui.com/docs/flip
|
|
18920
|
+
*/
|
|
18921
|
+
const flip$1 = flip$3;
|
|
18922
|
+
|
|
18923
|
+
/**
|
|
18924
|
+
* Provides data to position an inner element of the floating element so that it
|
|
18925
|
+
* appears centered to the reference element.
|
|
18926
|
+
* @see https://floating-ui.com/docs/arrow
|
|
18927
|
+
*/
|
|
18928
|
+
const arrow$2 = arrow$3;
|
|
18929
|
+
|
|
18930
|
+
/**
|
|
18931
|
+
* Computes the `x` and `y` coordinates that will place the floating element
|
|
18932
|
+
* next to a given reference element.
|
|
18933
|
+
*/
|
|
18934
|
+
const computePosition = (reference, floating, options) => {
|
|
18935
|
+
// This caches the expensive `getClippingElementAncestors` function so that
|
|
18936
|
+
// multiple lifecycle resets re-use the same result. It only lives for a
|
|
18937
|
+
// single call. If other functions become expensive, we can add them as well.
|
|
18938
|
+
const cache = new Map();
|
|
18939
|
+
const mergedOptions = options != null ? options : {};
|
|
18940
|
+
const platformWithCache = {
|
|
18941
|
+
...platform,
|
|
18942
|
+
...mergedOptions.platform,
|
|
18943
|
+
_c: cache
|
|
18944
|
+
};
|
|
18945
|
+
return computePosition$2(reference, floating, {
|
|
18946
|
+
...mergedOptions,
|
|
18947
|
+
platform: platformWithCache
|
|
18948
|
+
});
|
|
18949
|
+
};
|
|
18950
|
+
|
|
18242
18951
|
var isClient = typeof document !== 'undefined';
|
|
18243
18952
|
|
|
18244
18953
|
var noop = function noop() {};
|
|
@@ -24244,7 +24953,7 @@ const DateTimePickerInput = /*#__PURE__*/React__namespace.default.forwardRef(fun
|
|
|
24244
24953
|
var css_248z = ".react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon::before{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:\"\";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:\"Helvetica Neue\",helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:bold;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *::before{border-color:hsl(0,0%,65%)}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next::before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous::before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + 1.7rem/2);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:bold}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:rgba(0,0,0,0)}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,.react-datepicker__week-number--keyboard-selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:rgb(28.75,93.2196969697,143.75)}.react-datepicker__week-number--keyboard-selected{border-radius:.3rem;background-color:rgb(41.5,134.5606060606,207.5);color:#fff}.react-datepicker__week-number--keyboard-selected:hover{background-color:rgb(28.75,93.2196969697,143.75)}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:bold}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:rgb(49.8551020408,189.6448979592,62.5632653061)}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:rgb(207,82.9642857143,0)}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:rgb(28.75,93.2196969697,143.75)}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:rgb(186.25,217.0833333333,241.25);color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:rgb(28.75,93.2196969697,143.75)}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:rgba(33,107,165,.5)}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translateX(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid rgba(0,0,0,0);border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:hsl(0,0%,70%)}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:hsl(0,0%,70%)}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:hsl(0,0%,70%)}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:rgba(0,0,0,0);border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon::after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:\"×\"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled::after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:bold;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:rgba(0,0,0,.8);left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media(max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-0.125em}\n";
|
|
24245
24954
|
styleInject(css_248z);
|
|
24246
24955
|
|
|
24247
|
-
const DEFAULT_MODIFIERS = [flip$
|
|
24956
|
+
const DEFAULT_MODIFIERS = [flip$2({
|
|
24248
24957
|
fallbackPlacements: ['bottom']
|
|
24249
24958
|
}), shift({
|
|
24250
24959
|
limiter: limitShift()
|
|
@@ -25841,7 +26550,7 @@ const Popper = /*#__PURE__*/React__namespace.default.forwardRef(function PopperF
|
|
|
25841
26550
|
if (popperRef.current) {
|
|
25842
26551
|
cleanup = setupFloating(virtualEl || anchorElement, popperRef.current, {
|
|
25843
26552
|
placement,
|
|
25844
|
-
middleware: [offset$
|
|
26553
|
+
middleware: [offset$2(8), !virtualEl && flip$2({
|
|
25845
26554
|
fallbackPlacements: ['bottom']
|
|
25846
26555
|
}), shift({
|
|
25847
26556
|
limiter: limitShift()
|