@webitel/ui-sdk 3.1.98 → 3.1.100
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/ui-sdk.common.js +96 -3426
- package/dist/ui-sdk.common.js.map +1 -1
- package/dist/ui-sdk.css +1 -1
- package/dist/ui-sdk.umd.js +96 -3426
- package/dist/ui-sdk.umd.js.map +1 -1
- package/dist/ui-sdk.umd.min.js +8 -8
- package/dist/ui-sdk.umd.min.js.map +1 -1
- package/package.json +1 -2
- package/src/components/atoms/wt-context-menu/wt-context-menu.vue +43 -38
- package/src/components/atoms/wt-tooltip/wt-tooltip.vue +25 -6
package/dist/ui-sdk.umd.js
CHANGED
|
@@ -5297,3347 +5297,11 @@ if (typeof window !== 'undefined') {
|
|
|
5297
5297
|
|
|
5298
5298
|
// EXTERNAL MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
|
|
5299
5299
|
var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__(203);
|
|
5300
|
-
;// CONCATENATED MODULE: ./node_modules/@floating-ui/core/dist/floating-ui.core.esm.js
|
|
5301
|
-
function getBasePlacement(placement) {
|
|
5302
|
-
return placement.split('-')[0];
|
|
5303
|
-
}
|
|
5304
|
-
|
|
5305
|
-
function getAlignment(placement) {
|
|
5306
|
-
return placement.split('-')[1];
|
|
5307
|
-
}
|
|
5308
|
-
|
|
5309
|
-
function getMainAxisFromPlacement(placement) {
|
|
5310
|
-
return ['top', 'bottom'].includes(getBasePlacement(placement)) ? 'x' : 'y';
|
|
5311
|
-
}
|
|
5312
|
-
|
|
5313
|
-
function getLengthFromAxis(axis) {
|
|
5314
|
-
return axis === 'y' ? 'height' : 'width';
|
|
5315
|
-
}
|
|
5316
|
-
|
|
5317
|
-
function computeCoordsFromPlacement(_ref) {
|
|
5318
|
-
let {
|
|
5319
|
-
reference,
|
|
5320
|
-
floating,
|
|
5321
|
-
placement
|
|
5322
|
-
} = _ref;
|
|
5323
|
-
const commonX = reference.x + reference.width / 2 - floating.width / 2;
|
|
5324
|
-
const commonY = reference.y + reference.height / 2 - floating.height / 2;
|
|
5325
|
-
let coords;
|
|
5326
|
-
|
|
5327
|
-
switch (getBasePlacement(placement)) {
|
|
5328
|
-
case 'top':
|
|
5329
|
-
coords = {
|
|
5330
|
-
x: commonX,
|
|
5331
|
-
y: reference.y - floating.height
|
|
5332
|
-
};
|
|
5333
|
-
break;
|
|
5334
|
-
|
|
5335
|
-
case 'bottom':
|
|
5336
|
-
coords = {
|
|
5337
|
-
x: commonX,
|
|
5338
|
-
y: reference.y + reference.height
|
|
5339
|
-
};
|
|
5340
|
-
break;
|
|
5341
|
-
|
|
5342
|
-
case 'right':
|
|
5343
|
-
coords = {
|
|
5344
|
-
x: reference.x + reference.width,
|
|
5345
|
-
y: commonY
|
|
5346
|
-
};
|
|
5347
|
-
break;
|
|
5348
|
-
|
|
5349
|
-
case 'left':
|
|
5350
|
-
coords = {
|
|
5351
|
-
x: reference.x - floating.width,
|
|
5352
|
-
y: commonY
|
|
5353
|
-
};
|
|
5354
|
-
break;
|
|
5355
|
-
|
|
5356
|
-
default:
|
|
5357
|
-
coords = {
|
|
5358
|
-
x: reference.x,
|
|
5359
|
-
y: reference.y
|
|
5360
|
-
};
|
|
5361
|
-
}
|
|
5362
|
-
|
|
5363
|
-
const mainAxis = getMainAxisFromPlacement(placement);
|
|
5364
|
-
const length = getLengthFromAxis(mainAxis);
|
|
5365
|
-
|
|
5366
|
-
switch (getAlignment(placement)) {
|
|
5367
|
-
case 'start':
|
|
5368
|
-
coords[mainAxis] = coords[mainAxis] - (reference[length] / 2 - floating[length] / 2);
|
|
5369
|
-
break;
|
|
5370
|
-
|
|
5371
|
-
case 'end':
|
|
5372
|
-
coords[mainAxis] = coords[mainAxis] + (reference[length] / 2 - floating[length] / 2);
|
|
5373
|
-
break;
|
|
5374
|
-
}
|
|
5375
|
-
|
|
5376
|
-
return coords;
|
|
5377
|
-
}
|
|
5378
|
-
|
|
5379
|
-
const computePosition = async (reference, floating, config) => {
|
|
5380
|
-
const {
|
|
5381
|
-
placement = 'bottom',
|
|
5382
|
-
strategy = 'absolute',
|
|
5383
|
-
middleware = [],
|
|
5384
|
-
platform
|
|
5385
|
-
} = config;
|
|
5386
|
-
|
|
5387
|
-
if (false) {}
|
|
5388
|
-
|
|
5389
|
-
let rects = await platform.getElementRects({
|
|
5390
|
-
reference,
|
|
5391
|
-
floating,
|
|
5392
|
-
strategy
|
|
5393
|
-
});
|
|
5394
|
-
let {
|
|
5395
|
-
x,
|
|
5396
|
-
y
|
|
5397
|
-
} = computeCoordsFromPlacement({ ...rects,
|
|
5398
|
-
placement
|
|
5399
|
-
});
|
|
5400
|
-
let statefulPlacement = placement;
|
|
5401
|
-
let middlewareData = {};
|
|
5402
|
-
let _debug_loop_count_ = 0;
|
|
5403
|
-
|
|
5404
|
-
for (let i = 0; i < middleware.length; i++) {
|
|
5405
|
-
if (false) {}
|
|
5406
|
-
|
|
5407
|
-
const {
|
|
5408
|
-
name,
|
|
5409
|
-
fn
|
|
5410
|
-
} = middleware[i];
|
|
5411
|
-
const {
|
|
5412
|
-
x: nextX,
|
|
5413
|
-
y: nextY,
|
|
5414
|
-
data,
|
|
5415
|
-
reset
|
|
5416
|
-
} = await fn({
|
|
5417
|
-
x,
|
|
5418
|
-
y,
|
|
5419
|
-
initialPlacement: placement,
|
|
5420
|
-
placement: statefulPlacement,
|
|
5421
|
-
strategy,
|
|
5422
|
-
middlewareData,
|
|
5423
|
-
rects,
|
|
5424
|
-
platform,
|
|
5425
|
-
elements: {
|
|
5426
|
-
reference,
|
|
5427
|
-
floating
|
|
5428
|
-
}
|
|
5429
|
-
});
|
|
5430
|
-
x = nextX != null ? nextX : x;
|
|
5431
|
-
y = nextY != null ? nextY : y;
|
|
5432
|
-
middlewareData = { ...middlewareData,
|
|
5433
|
-
[name]: data != null ? data : {}
|
|
5434
|
-
};
|
|
5435
|
-
|
|
5436
|
-
if (reset) {
|
|
5437
|
-
if (typeof reset === 'object') {
|
|
5438
|
-
if (reset.placement) {
|
|
5439
|
-
statefulPlacement = reset.placement;
|
|
5440
|
-
}
|
|
5441
|
-
|
|
5442
|
-
if (reset.rects) {
|
|
5443
|
-
rects = reset.rects === true ? await platform.getElementRects({
|
|
5444
|
-
reference,
|
|
5445
|
-
floating,
|
|
5446
|
-
strategy
|
|
5447
|
-
}) : reset.rects;
|
|
5448
|
-
}
|
|
5449
|
-
|
|
5450
|
-
({
|
|
5451
|
-
x,
|
|
5452
|
-
y
|
|
5453
|
-
} = computeCoordsFromPlacement({ ...rects,
|
|
5454
|
-
placement: statefulPlacement
|
|
5455
|
-
}));
|
|
5456
|
-
}
|
|
5457
|
-
|
|
5458
|
-
i = -1;
|
|
5459
|
-
continue;
|
|
5460
|
-
}
|
|
5461
|
-
}
|
|
5462
|
-
|
|
5463
|
-
return {
|
|
5464
|
-
x,
|
|
5465
|
-
y,
|
|
5466
|
-
placement: statefulPlacement,
|
|
5467
|
-
strategy,
|
|
5468
|
-
middlewareData
|
|
5469
|
-
};
|
|
5470
|
-
};
|
|
5471
|
-
|
|
5472
|
-
function expandPaddingObject(padding) {
|
|
5473
|
-
return {
|
|
5474
|
-
top: 0,
|
|
5475
|
-
right: 0,
|
|
5476
|
-
bottom: 0,
|
|
5477
|
-
left: 0,
|
|
5478
|
-
...padding
|
|
5479
|
-
};
|
|
5480
|
-
}
|
|
5481
|
-
|
|
5482
|
-
function getSideObjectFromPadding(padding) {
|
|
5483
|
-
return typeof padding !== 'number' ? expandPaddingObject(padding) : {
|
|
5484
|
-
top: padding,
|
|
5485
|
-
right: padding,
|
|
5486
|
-
bottom: padding,
|
|
5487
|
-
left: padding
|
|
5488
|
-
};
|
|
5489
|
-
}
|
|
5490
|
-
|
|
5491
|
-
function rectToClientRect(rect) {
|
|
5492
|
-
return { ...rect,
|
|
5493
|
-
top: rect.y,
|
|
5494
|
-
left: rect.x,
|
|
5495
|
-
right: rect.x + rect.width,
|
|
5496
|
-
bottom: rect.y + rect.height
|
|
5497
|
-
};
|
|
5498
|
-
}
|
|
5499
|
-
|
|
5500
|
-
async function detectOverflow(middlewareArguments, options) {
|
|
5501
|
-
if (options === void 0) {
|
|
5502
|
-
options = {};
|
|
5503
|
-
}
|
|
5504
|
-
|
|
5505
|
-
const {
|
|
5506
|
-
x,
|
|
5507
|
-
y,
|
|
5508
|
-
platform,
|
|
5509
|
-
rects,
|
|
5510
|
-
elements,
|
|
5511
|
-
strategy
|
|
5512
|
-
} = middlewareArguments;
|
|
5513
|
-
const {
|
|
5514
|
-
boundary = 'clippingParents',
|
|
5515
|
-
rootBoundary = 'viewport',
|
|
5516
|
-
elementContext = 'floating',
|
|
5517
|
-
altBoundary = false,
|
|
5518
|
-
padding = 0
|
|
5519
|
-
} = options;
|
|
5520
|
-
const paddingObject = getSideObjectFromPadding(padding);
|
|
5521
|
-
const altContext = elementContext === 'floating' ? 'reference' : 'floating';
|
|
5522
|
-
const element = elements[altBoundary ? altContext : elementContext];
|
|
5523
|
-
const clippingClientRect = await platform.getClippingClientRect({
|
|
5524
|
-
element: (await platform.isElement(element)) ? element : element.contextElement || (await platform.getDocumentElement({
|
|
5525
|
-
element: elements.floating
|
|
5526
|
-
})),
|
|
5527
|
-
boundary,
|
|
5528
|
-
rootBoundary
|
|
5529
|
-
});
|
|
5530
|
-
const elementClientRect = rectToClientRect(await platform.convertOffsetParentRelativeRectToViewportRelativeRect({
|
|
5531
|
-
rect: elementContext === 'floating' ? { ...rects.floating,
|
|
5532
|
-
x,
|
|
5533
|
-
y
|
|
5534
|
-
} : rects.reference,
|
|
5535
|
-
offsetParent: await platform.getOffsetParent({
|
|
5536
|
-
element: elements.floating
|
|
5537
|
-
}),
|
|
5538
|
-
strategy
|
|
5539
|
-
})); // positive = overflowing the clipping rect
|
|
5540
|
-
// 0 or negative = within the clipping rect
|
|
5541
|
-
|
|
5542
|
-
return {
|
|
5543
|
-
top: clippingClientRect.top - elementClientRect.top + paddingObject.top,
|
|
5544
|
-
bottom: elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom,
|
|
5545
|
-
left: clippingClientRect.left - elementClientRect.left + paddingObject.left,
|
|
5546
|
-
right: elementClientRect.right - clippingClientRect.right + paddingObject.right
|
|
5547
|
-
};
|
|
5548
|
-
}
|
|
5549
|
-
|
|
5550
|
-
const min = Math.min;
|
|
5551
|
-
const max = Math.max;
|
|
5552
|
-
|
|
5553
|
-
function within(min$1, value, max$1) {
|
|
5554
|
-
return max(min$1, min(value, max$1));
|
|
5555
|
-
}
|
|
5556
|
-
|
|
5557
|
-
const arrow = options => ({
|
|
5558
|
-
name: 'arrow',
|
|
5559
|
-
options,
|
|
5560
|
-
|
|
5561
|
-
async fn(middlewareArguments) {
|
|
5562
|
-
// Since `element` is required, we don't Partial<> the type
|
|
5563
|
-
const {
|
|
5564
|
-
element,
|
|
5565
|
-
padding = 0
|
|
5566
|
-
} = options != null ? options : {};
|
|
5567
|
-
const {
|
|
5568
|
-
x,
|
|
5569
|
-
y,
|
|
5570
|
-
placement,
|
|
5571
|
-
rects,
|
|
5572
|
-
platform
|
|
5573
|
-
} = middlewareArguments;
|
|
5574
|
-
|
|
5575
|
-
if (element == null) {
|
|
5576
|
-
if (false) {}
|
|
5577
|
-
|
|
5578
|
-
return {};
|
|
5579
|
-
}
|
|
5580
|
-
|
|
5581
|
-
const paddingObject = getSideObjectFromPadding(padding);
|
|
5582
|
-
const coords = {
|
|
5583
|
-
x,
|
|
5584
|
-
y
|
|
5585
|
-
};
|
|
5586
|
-
const basePlacement = getBasePlacement(placement);
|
|
5587
|
-
const axis = getMainAxisFromPlacement(basePlacement);
|
|
5588
|
-
const length = getLengthFromAxis(axis);
|
|
5589
|
-
const arrowDimensions = await platform.getDimensions({
|
|
5590
|
-
element
|
|
5591
|
-
});
|
|
5592
|
-
const minProp = axis === 'y' ? 'top' : 'left';
|
|
5593
|
-
const maxProp = axis === 'y' ? 'bottom' : 'right';
|
|
5594
|
-
const endDiff = rects.reference[length] + rects.reference[axis] - coords[axis] - rects.floating[length];
|
|
5595
|
-
const startDiff = coords[axis] - rects.reference[axis];
|
|
5596
|
-
const arrowOffsetParent = await platform.getOffsetParent({
|
|
5597
|
-
element
|
|
5598
|
-
});
|
|
5599
|
-
const clientSize = arrowOffsetParent ? axis === 'y' ? arrowOffsetParent.clientHeight || 0 : arrowOffsetParent.clientWidth || 0 : 0;
|
|
5600
|
-
const centerToReference = endDiff / 2 - startDiff / 2; // Make sure the arrow doesn't overflow the floating element if the center
|
|
5601
|
-
// point is outside of the floating element's bounds
|
|
5602
|
-
|
|
5603
|
-
const min = paddingObject[minProp];
|
|
5604
|
-
const max = clientSize - arrowDimensions[length] - paddingObject[maxProp];
|
|
5605
|
-
const center = clientSize / 2 - arrowDimensions[length] / 2 + centerToReference;
|
|
5606
|
-
const offset = within(min, center, max);
|
|
5607
|
-
return {
|
|
5608
|
-
data: {
|
|
5609
|
-
[axis]: offset,
|
|
5610
|
-
centerOffset: center - offset
|
|
5611
|
-
}
|
|
5612
|
-
};
|
|
5613
|
-
}
|
|
5614
|
-
|
|
5615
|
-
});
|
|
5616
|
-
|
|
5617
|
-
const hash$1 = {
|
|
5618
|
-
left: 'right',
|
|
5619
|
-
right: 'left',
|
|
5620
|
-
bottom: 'top',
|
|
5621
|
-
top: 'bottom'
|
|
5622
|
-
};
|
|
5623
|
-
function getOppositePlacement(placement) {
|
|
5624
|
-
return placement.replace(/left|right|bottom|top/g, matched => hash$1[matched]);
|
|
5625
|
-
}
|
|
5626
|
-
|
|
5627
|
-
function getAlignmentSides(placement, rects) {
|
|
5628
|
-
const isStart = getAlignment(placement) === 'start';
|
|
5629
|
-
const mainAxis = getMainAxisFromPlacement(placement);
|
|
5630
|
-
const length = getLengthFromAxis(mainAxis);
|
|
5631
|
-
let mainAlignmentSide = mainAxis === 'x' ? isStart ? 'right' : 'left' : isStart ? 'bottom' : 'top';
|
|
5632
|
-
|
|
5633
|
-
if (rects.reference[length] > rects.floating[length]) {
|
|
5634
|
-
mainAlignmentSide = getOppositePlacement(mainAlignmentSide);
|
|
5635
|
-
}
|
|
5636
|
-
|
|
5637
|
-
return {
|
|
5638
|
-
main: mainAlignmentSide,
|
|
5639
|
-
cross: getOppositePlacement(mainAlignmentSide)
|
|
5640
|
-
};
|
|
5641
|
-
}
|
|
5642
|
-
|
|
5643
|
-
const hash = {
|
|
5644
|
-
start: 'end',
|
|
5645
|
-
end: 'start'
|
|
5646
|
-
};
|
|
5647
|
-
function getOppositeAlignmentPlacement(placement) {
|
|
5648
|
-
return placement.replace(/start|end/g, matched => hash[matched]);
|
|
5649
|
-
}
|
|
5650
|
-
|
|
5651
|
-
const basePlacements = ['top', 'right', 'bottom', 'left'];
|
|
5652
|
-
const allPlacements = /*#__PURE__*/basePlacements.reduce((acc, basePlacement) => acc.concat(basePlacement, basePlacement + "-start", basePlacement + "-end"), []);
|
|
5653
|
-
|
|
5654
|
-
function getPlacementList(alignment, autoAlignment, allowedPlacements) {
|
|
5655
|
-
const allowedPlacementsSortedByAlignment = alignment ? [...allowedPlacements.filter(placement => getAlignment(placement) === alignment), ...allowedPlacements.filter(placement => getAlignment(placement) !== alignment)] : allowedPlacements.filter(placement => getBasePlacement(placement) === placement);
|
|
5656
|
-
return allowedPlacementsSortedByAlignment.filter(placement => {
|
|
5657
|
-
if (alignment) {
|
|
5658
|
-
return getAlignment(placement) === alignment || (autoAlignment ? getOppositeAlignmentPlacement(placement) !== placement : false);
|
|
5659
|
-
}
|
|
5660
|
-
|
|
5661
|
-
return true;
|
|
5662
|
-
});
|
|
5663
|
-
}
|
|
5664
|
-
const autoPlacement = function (options) {
|
|
5665
|
-
if (options === void 0) {
|
|
5666
|
-
options = {};
|
|
5667
|
-
}
|
|
5668
|
-
|
|
5669
|
-
return {
|
|
5670
|
-
name: 'autoPlacement',
|
|
5671
|
-
options,
|
|
5672
|
-
|
|
5673
|
-
async fn(middlewareArguments) {
|
|
5674
|
-
var _middlewareData$autoP, _middlewareData$autoP2, _middlewareData$autoP3, _middlewareData$autoP4, _middlewareData$autoP5, _placementsSortedByLe;
|
|
5675
|
-
|
|
5676
|
-
const {
|
|
5677
|
-
x,
|
|
5678
|
-
y,
|
|
5679
|
-
rects,
|
|
5680
|
-
middlewareData,
|
|
5681
|
-
placement
|
|
5682
|
-
} = middlewareArguments;
|
|
5683
|
-
const {
|
|
5684
|
-
alignment = null,
|
|
5685
|
-
allowedPlacements = allPlacements,
|
|
5686
|
-
autoAlignment = true,
|
|
5687
|
-
...detectOverflowOptions
|
|
5688
|
-
} = options;
|
|
5689
|
-
|
|
5690
|
-
if ((_middlewareData$autoP = middlewareData.autoPlacement) != null && _middlewareData$autoP.skip) {
|
|
5691
|
-
return {};
|
|
5692
|
-
}
|
|
5693
|
-
|
|
5694
|
-
const placements = getPlacementList(alignment, autoAlignment, allowedPlacements);
|
|
5695
|
-
const overflow = await detectOverflow(middlewareArguments, detectOverflowOptions);
|
|
5696
|
-
const currentIndex = (_middlewareData$autoP2 = (_middlewareData$autoP3 = middlewareData.autoPlacement) == null ? void 0 : _middlewareData$autoP3.index) != null ? _middlewareData$autoP2 : 0;
|
|
5697
|
-
const currentPlacement = placements[currentIndex];
|
|
5698
|
-
const {
|
|
5699
|
-
main,
|
|
5700
|
-
cross
|
|
5701
|
-
} = getAlignmentSides(currentPlacement, rects); // Make `computeCoords` start from the right place
|
|
5702
|
-
|
|
5703
|
-
if (placement !== currentPlacement) {
|
|
5704
|
-
return {
|
|
5705
|
-
x,
|
|
5706
|
-
y,
|
|
5707
|
-
reset: {
|
|
5708
|
-
placement: placements[0]
|
|
5709
|
-
}
|
|
5710
|
-
};
|
|
5711
|
-
}
|
|
5712
|
-
|
|
5713
|
-
const currentOverflows = [overflow[getBasePlacement(currentPlacement)], overflow[main], overflow[cross]];
|
|
5714
|
-
const allOverflows = [...((_middlewareData$autoP4 = (_middlewareData$autoP5 = middlewareData.autoPlacement) == null ? void 0 : _middlewareData$autoP5.overflows) != null ? _middlewareData$autoP4 : []), {
|
|
5715
|
-
placement: currentPlacement,
|
|
5716
|
-
overflows: currentOverflows
|
|
5717
|
-
}];
|
|
5718
|
-
const nextPlacement = placements[currentIndex + 1]; // There are more placements to check
|
|
5719
|
-
|
|
5720
|
-
if (nextPlacement) {
|
|
5721
|
-
return {
|
|
5722
|
-
data: {
|
|
5723
|
-
index: currentIndex + 1,
|
|
5724
|
-
overflows: allOverflows
|
|
5725
|
-
},
|
|
5726
|
-
reset: {
|
|
5727
|
-
placement: nextPlacement
|
|
5728
|
-
}
|
|
5729
|
-
};
|
|
5730
|
-
}
|
|
5731
|
-
|
|
5732
|
-
const placementsSortedByLeastOverflow = allOverflows.slice().sort((a, b) => a.overflows[0] - b.overflows[0]);
|
|
5733
|
-
const placementThatFitsOnAllSides = (_placementsSortedByLe = placementsSortedByLeastOverflow.find(_ref => {
|
|
5734
|
-
let {
|
|
5735
|
-
overflows
|
|
5736
|
-
} = _ref;
|
|
5737
|
-
return overflows.every(overflow => overflow <= 0);
|
|
5738
|
-
})) == null ? void 0 : _placementsSortedByLe.placement;
|
|
5739
|
-
return {
|
|
5740
|
-
data: {
|
|
5741
|
-
skip: true
|
|
5742
|
-
},
|
|
5743
|
-
reset: {
|
|
5744
|
-
placement: placementThatFitsOnAllSides != null ? placementThatFitsOnAllSides : placementsSortedByLeastOverflow[0].placement
|
|
5745
|
-
}
|
|
5746
|
-
};
|
|
5747
|
-
}
|
|
5748
|
-
|
|
5749
|
-
};
|
|
5750
|
-
};
|
|
5751
|
-
|
|
5752
|
-
function getExpandedPlacements(placement) {
|
|
5753
|
-
const oppositePlacement = getOppositePlacement(placement);
|
|
5754
|
-
return [getOppositeAlignmentPlacement(placement), oppositePlacement, getOppositeAlignmentPlacement(oppositePlacement)];
|
|
5755
|
-
}
|
|
5756
|
-
|
|
5757
|
-
const flip = function (options) {
|
|
5758
|
-
if (options === void 0) {
|
|
5759
|
-
options = {};
|
|
5760
|
-
}
|
|
5761
|
-
|
|
5762
|
-
return {
|
|
5763
|
-
name: 'flip',
|
|
5764
|
-
options,
|
|
5765
|
-
|
|
5766
|
-
async fn(middlewareArguments) {
|
|
5767
|
-
var _middlewareData$flip, _middlewareData$flip2;
|
|
5768
|
-
|
|
5769
|
-
const {
|
|
5770
|
-
placement,
|
|
5771
|
-
middlewareData,
|
|
5772
|
-
rects,
|
|
5773
|
-
initialPlacement
|
|
5774
|
-
} = middlewareArguments;
|
|
5775
|
-
|
|
5776
|
-
if ((_middlewareData$flip = middlewareData.flip) != null && _middlewareData$flip.skip) {
|
|
5777
|
-
return {};
|
|
5778
|
-
}
|
|
5779
|
-
|
|
5780
|
-
const {
|
|
5781
|
-
mainAxis: checkMainAxis = true,
|
|
5782
|
-
crossAxis: checkCrossAxis = true,
|
|
5783
|
-
fallbackPlacements: specifiedFallbackPlacements,
|
|
5784
|
-
fallbackStrategy = 'bestFit',
|
|
5785
|
-
flipAlignment = true,
|
|
5786
|
-
...detectOverflowOptions
|
|
5787
|
-
} = options;
|
|
5788
|
-
const basePlacement = getBasePlacement(placement);
|
|
5789
|
-
const isBasePlacement = basePlacement === initialPlacement;
|
|
5790
|
-
const fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipAlignment ? [getOppositePlacement(initialPlacement)] : getExpandedPlacements(initialPlacement));
|
|
5791
|
-
const placements = [initialPlacement, ...fallbackPlacements];
|
|
5792
|
-
const overflow = await detectOverflow(middlewareArguments, detectOverflowOptions);
|
|
5793
|
-
const overflows = [];
|
|
5794
|
-
let overflowsData = ((_middlewareData$flip2 = middlewareData.flip) == null ? void 0 : _middlewareData$flip2.overflows) || [];
|
|
5795
|
-
|
|
5796
|
-
if (checkMainAxis) {
|
|
5797
|
-
overflows.push(overflow[basePlacement]);
|
|
5798
|
-
}
|
|
5799
|
-
|
|
5800
|
-
if (checkCrossAxis) {
|
|
5801
|
-
const {
|
|
5802
|
-
main,
|
|
5803
|
-
cross
|
|
5804
|
-
} = getAlignmentSides(placement, rects);
|
|
5805
|
-
overflows.push(overflow[main], overflow[cross]);
|
|
5806
|
-
}
|
|
5807
|
-
|
|
5808
|
-
overflowsData = [...overflowsData, {
|
|
5809
|
-
placement,
|
|
5810
|
-
overflows
|
|
5811
|
-
}]; // One or more sides is overflowing
|
|
5812
|
-
|
|
5813
|
-
if (!overflows.every(side => side <= 0)) {
|
|
5814
|
-
var _middlewareData$flip$, _middlewareData$flip3;
|
|
5815
|
-
|
|
5816
|
-
const nextIndex = ((_middlewareData$flip$ = (_middlewareData$flip3 = middlewareData.flip) == null ? void 0 : _middlewareData$flip3.index) != null ? _middlewareData$flip$ : 0) + 1;
|
|
5817
|
-
const nextPlacement = placements[nextIndex];
|
|
5818
|
-
|
|
5819
|
-
if (nextPlacement) {
|
|
5820
|
-
// Try next placement and re-run the lifecycle
|
|
5821
|
-
return {
|
|
5822
|
-
data: {
|
|
5823
|
-
index: nextIndex,
|
|
5824
|
-
overflows: overflowsData
|
|
5825
|
-
},
|
|
5826
|
-
reset: {
|
|
5827
|
-
placement: nextPlacement
|
|
5828
|
-
}
|
|
5829
|
-
};
|
|
5830
|
-
}
|
|
5831
|
-
|
|
5832
|
-
let resetPlacement = 'bottom';
|
|
5833
|
-
|
|
5834
|
-
switch (fallbackStrategy) {
|
|
5835
|
-
case 'bestFit':
|
|
5836
|
-
{
|
|
5837
|
-
var _overflowsData$slice$;
|
|
5838
|
-
|
|
5839
|
-
const placement = (_overflowsData$slice$ = overflowsData.slice().sort((a, b) => a.overflows.filter(overflow => overflow > 0).reduce((acc, overflow) => acc + overflow, 0) - b.overflows.filter(overflow => overflow > 0).reduce((acc, overflow) => acc + overflow, 0))[0]) == null ? void 0 : _overflowsData$slice$.placement;
|
|
5840
|
-
|
|
5841
|
-
if (placement) {
|
|
5842
|
-
resetPlacement = placement;
|
|
5843
|
-
}
|
|
5844
|
-
|
|
5845
|
-
break;
|
|
5846
|
-
}
|
|
5847
|
-
|
|
5848
|
-
case 'initialPlacement':
|
|
5849
|
-
resetPlacement = initialPlacement;
|
|
5850
|
-
break;
|
|
5851
|
-
}
|
|
5852
|
-
|
|
5853
|
-
return {
|
|
5854
|
-
data: {
|
|
5855
|
-
skip: true
|
|
5856
|
-
},
|
|
5857
|
-
reset: {
|
|
5858
|
-
placement: resetPlacement
|
|
5859
|
-
}
|
|
5860
|
-
};
|
|
5861
|
-
}
|
|
5862
|
-
|
|
5863
|
-
return {};
|
|
5864
|
-
}
|
|
5865
|
-
|
|
5866
|
-
};
|
|
5867
|
-
};
|
|
5868
|
-
|
|
5869
|
-
function getSideOffsets(overflow, rect) {
|
|
5870
|
-
return {
|
|
5871
|
-
top: overflow.top - rect.height,
|
|
5872
|
-
right: overflow.right - rect.width,
|
|
5873
|
-
bottom: overflow.bottom - rect.height,
|
|
5874
|
-
left: overflow.left - rect.width
|
|
5875
|
-
};
|
|
5876
|
-
}
|
|
5877
|
-
|
|
5878
|
-
function isAnySideFullyClipped(overflow) {
|
|
5879
|
-
return basePlacements.some(side => overflow[side] >= 0);
|
|
5880
|
-
}
|
|
5881
|
-
|
|
5882
|
-
const hide = () => ({
|
|
5883
|
-
name: 'hide',
|
|
5884
|
-
|
|
5885
|
-
async fn(modifierArguments) {
|
|
5886
|
-
const referenceOverflow = await detectOverflow(modifierArguments, {
|
|
5887
|
-
elementContext: 'reference'
|
|
5888
|
-
});
|
|
5889
|
-
const floatingAltOverflow = await detectOverflow(modifierArguments, {
|
|
5890
|
-
altBoundary: true
|
|
5891
|
-
});
|
|
5892
|
-
const referenceHiddenOffsets = getSideOffsets(referenceOverflow, modifierArguments.rects.reference);
|
|
5893
|
-
const escapedOffsets = getSideOffsets(floatingAltOverflow, modifierArguments.rects.floating);
|
|
5894
|
-
const referenceHidden = isAnySideFullyClipped(referenceHiddenOffsets);
|
|
5895
|
-
const escaped = isAnySideFullyClipped(escapedOffsets);
|
|
5896
|
-
return {
|
|
5897
|
-
data: {
|
|
5898
|
-
referenceHidden,
|
|
5899
|
-
referenceHiddenOffsets,
|
|
5900
|
-
escaped,
|
|
5901
|
-
escapedOffsets
|
|
5902
|
-
}
|
|
5903
|
-
};
|
|
5904
|
-
}
|
|
5905
|
-
|
|
5906
|
-
});
|
|
5907
|
-
|
|
5908
|
-
function convertValueToCoords(_ref) {
|
|
5909
|
-
let {
|
|
5910
|
-
placement,
|
|
5911
|
-
rects,
|
|
5912
|
-
value
|
|
5913
|
-
} = _ref;
|
|
5914
|
-
const basePlacement = getBasePlacement(placement);
|
|
5915
|
-
const multiplier = ['left', 'top'].includes(basePlacement) ? -1 : 1;
|
|
5916
|
-
const rawValue = typeof value === 'function' ? value({ ...rects,
|
|
5917
|
-
placement
|
|
5918
|
-
}) : value;
|
|
5919
|
-
const {
|
|
5920
|
-
mainAxis,
|
|
5921
|
-
crossAxis
|
|
5922
|
-
} = typeof rawValue === 'number' ? {
|
|
5923
|
-
mainAxis: rawValue,
|
|
5924
|
-
crossAxis: 0
|
|
5925
|
-
} : {
|
|
5926
|
-
mainAxis: 0,
|
|
5927
|
-
crossAxis: 0,
|
|
5928
|
-
...rawValue
|
|
5929
|
-
};
|
|
5930
|
-
return getMainAxisFromPlacement(basePlacement) === 'x' ? {
|
|
5931
|
-
x: crossAxis,
|
|
5932
|
-
y: mainAxis * multiplier
|
|
5933
|
-
} : {
|
|
5934
|
-
x: mainAxis * multiplier,
|
|
5935
|
-
y: crossAxis
|
|
5936
|
-
};
|
|
5937
|
-
}
|
|
5938
|
-
const offset = function (value) {
|
|
5939
|
-
if (value === void 0) {
|
|
5940
|
-
value = 0;
|
|
5941
|
-
}
|
|
5942
|
-
|
|
5943
|
-
return {
|
|
5944
|
-
name: 'offset',
|
|
5945
|
-
options: value,
|
|
5946
|
-
|
|
5947
|
-
fn(middlewareArguments) {
|
|
5948
|
-
const {
|
|
5949
|
-
x,
|
|
5950
|
-
y,
|
|
5951
|
-
placement,
|
|
5952
|
-
rects
|
|
5953
|
-
} = middlewareArguments;
|
|
5954
|
-
const diffCoords = convertValueToCoords({
|
|
5955
|
-
placement,
|
|
5956
|
-
rects,
|
|
5957
|
-
value
|
|
5958
|
-
});
|
|
5959
|
-
return {
|
|
5960
|
-
x: x + diffCoords.x,
|
|
5961
|
-
y: y + diffCoords.y,
|
|
5962
|
-
data: diffCoords
|
|
5963
|
-
};
|
|
5964
|
-
}
|
|
5965
|
-
|
|
5966
|
-
};
|
|
5967
|
-
};
|
|
5968
|
-
|
|
5969
|
-
function getCrossAxis(axis) {
|
|
5970
|
-
return axis === 'x' ? 'y' : 'x';
|
|
5971
|
-
}
|
|
5972
|
-
|
|
5973
|
-
const shift = function (options) {
|
|
5974
|
-
if (options === void 0) {
|
|
5975
|
-
options = {};
|
|
5976
|
-
}
|
|
5977
|
-
|
|
5978
|
-
return {
|
|
5979
|
-
name: 'shift',
|
|
5980
|
-
options,
|
|
5981
|
-
|
|
5982
|
-
async fn(middlewareArguments) {
|
|
5983
|
-
const {
|
|
5984
|
-
x,
|
|
5985
|
-
y,
|
|
5986
|
-
placement
|
|
5987
|
-
} = middlewareArguments;
|
|
5988
|
-
const {
|
|
5989
|
-
mainAxis: checkMainAxis = true,
|
|
5990
|
-
crossAxis: checkCrossAxis = false,
|
|
5991
|
-
limiter = {
|
|
5992
|
-
fn: _ref => {
|
|
5993
|
-
let {
|
|
5994
|
-
x,
|
|
5995
|
-
y
|
|
5996
|
-
} = _ref;
|
|
5997
|
-
return {
|
|
5998
|
-
x,
|
|
5999
|
-
y
|
|
6000
|
-
};
|
|
6001
|
-
}
|
|
6002
|
-
},
|
|
6003
|
-
...detectOverflowOptions
|
|
6004
|
-
} = options;
|
|
6005
|
-
const coords = {
|
|
6006
|
-
x,
|
|
6007
|
-
y
|
|
6008
|
-
};
|
|
6009
|
-
const overflow = await detectOverflow(middlewareArguments, detectOverflowOptions);
|
|
6010
|
-
const mainAxis = getMainAxisFromPlacement(getBasePlacement(placement));
|
|
6011
|
-
const crossAxis = getCrossAxis(mainAxis);
|
|
6012
|
-
let mainAxisCoord = coords[mainAxis];
|
|
6013
|
-
let crossAxisCoord = coords[crossAxis];
|
|
6014
|
-
|
|
6015
|
-
if (checkMainAxis) {
|
|
6016
|
-
const minSide = mainAxis === 'y' ? 'top' : 'left';
|
|
6017
|
-
const maxSide = mainAxis === 'y' ? 'bottom' : 'right';
|
|
6018
|
-
const min = mainAxisCoord + overflow[minSide];
|
|
6019
|
-
const max = mainAxisCoord - overflow[maxSide];
|
|
6020
|
-
mainAxisCoord = within(min, mainAxisCoord, max);
|
|
6021
|
-
}
|
|
6022
|
-
|
|
6023
|
-
if (checkCrossAxis) {
|
|
6024
|
-
const minSide = crossAxis === 'y' ? 'top' : 'left';
|
|
6025
|
-
const maxSide = crossAxis === 'y' ? 'bottom' : 'right';
|
|
6026
|
-
const min = crossAxisCoord + overflow[minSide];
|
|
6027
|
-
const max = crossAxisCoord - overflow[maxSide];
|
|
6028
|
-
crossAxisCoord = within(min, crossAxisCoord, max);
|
|
6029
|
-
}
|
|
6030
|
-
|
|
6031
|
-
const limitedCoords = limiter.fn({ ...middlewareArguments,
|
|
6032
|
-
[mainAxis]: mainAxisCoord,
|
|
6033
|
-
[crossAxis]: crossAxisCoord
|
|
6034
|
-
});
|
|
6035
|
-
return { ...limitedCoords,
|
|
6036
|
-
data: {
|
|
6037
|
-
x: limitedCoords.x - x,
|
|
6038
|
-
y: limitedCoords.y - y
|
|
6039
|
-
}
|
|
6040
|
-
};
|
|
6041
|
-
}
|
|
6042
|
-
|
|
6043
|
-
};
|
|
6044
|
-
};
|
|
6045
|
-
const limitShift = function (options) {
|
|
6046
|
-
if (options === void 0) {
|
|
6047
|
-
options = {};
|
|
6048
|
-
}
|
|
6049
|
-
|
|
6050
|
-
return {
|
|
6051
|
-
options,
|
|
6052
|
-
|
|
6053
|
-
fn(middlewareArguments) {
|
|
6054
|
-
const {
|
|
6055
|
-
x,
|
|
6056
|
-
y,
|
|
6057
|
-
placement,
|
|
6058
|
-
rects,
|
|
6059
|
-
middlewareData
|
|
6060
|
-
} = middlewareArguments;
|
|
6061
|
-
const {
|
|
6062
|
-
offset = 0,
|
|
6063
|
-
mainAxis: checkMainAxis = true,
|
|
6064
|
-
crossAxis: checkCrossAxis = true
|
|
6065
|
-
} = options;
|
|
6066
|
-
const coords = {
|
|
6067
|
-
x,
|
|
6068
|
-
y
|
|
6069
|
-
};
|
|
6070
|
-
const mainAxis = getMainAxisFromPlacement(placement);
|
|
6071
|
-
const crossAxis = getCrossAxis(mainAxis);
|
|
6072
|
-
let mainAxisCoord = coords[mainAxis];
|
|
6073
|
-
let crossAxisCoord = coords[crossAxis];
|
|
6074
|
-
const rawOffset = typeof offset === 'function' ? offset({ ...rects,
|
|
6075
|
-
placement
|
|
6076
|
-
}) : offset;
|
|
6077
|
-
const computedOffset = typeof rawOffset === 'number' ? {
|
|
6078
|
-
mainAxis: rawOffset,
|
|
6079
|
-
crossAxis: 0
|
|
6080
|
-
} : {
|
|
6081
|
-
mainAxis: 0,
|
|
6082
|
-
crossAxis: 0,
|
|
6083
|
-
...rawOffset
|
|
6084
|
-
};
|
|
6085
|
-
|
|
6086
|
-
if (checkMainAxis) {
|
|
6087
|
-
const len = mainAxis === 'y' ? 'height' : 'width';
|
|
6088
|
-
const limitMin = rects.reference[mainAxis] - rects.floating[len] + computedOffset.mainAxis;
|
|
6089
|
-
const limitMax = rects.reference[mainAxis] + rects.reference[len] - computedOffset.mainAxis;
|
|
6090
|
-
|
|
6091
|
-
if (mainAxisCoord < limitMin) {
|
|
6092
|
-
mainAxisCoord = limitMin;
|
|
6093
|
-
} else if (mainAxisCoord > limitMax) {
|
|
6094
|
-
mainAxisCoord = limitMax;
|
|
6095
|
-
}
|
|
6096
|
-
}
|
|
6097
|
-
|
|
6098
|
-
if (checkCrossAxis) {
|
|
6099
|
-
var _middlewareData$offse, _middlewareData$offse2, _middlewareData$offse3, _middlewareData$offse4;
|
|
6100
|
-
|
|
6101
|
-
const len = mainAxis === 'y' ? 'width' : 'height';
|
|
6102
|
-
const isOriginSide = ['top', 'left'].includes(getBasePlacement(placement));
|
|
6103
|
-
const limitMin = rects.reference[crossAxis] - rects.floating[len] + (isOriginSide ? (_middlewareData$offse = (_middlewareData$offse2 = middlewareData.offset) == null ? void 0 : _middlewareData$offse2[crossAxis]) != null ? _middlewareData$offse : 0 : 0) + (isOriginSide ? 0 : computedOffset.crossAxis);
|
|
6104
|
-
const limitMax = rects.reference[crossAxis] + rects.reference[len] + (isOriginSide ? 0 : (_middlewareData$offse3 = (_middlewareData$offse4 = middlewareData.offset) == null ? void 0 : _middlewareData$offse4[crossAxis]) != null ? _middlewareData$offse3 : 0) - (isOriginSide ? computedOffset.crossAxis : 0);
|
|
6105
|
-
|
|
6106
|
-
if (crossAxisCoord < limitMin) {
|
|
6107
|
-
crossAxisCoord = limitMin;
|
|
6108
|
-
} else if (crossAxisCoord > limitMax) {
|
|
6109
|
-
crossAxisCoord = limitMax;
|
|
6110
|
-
}
|
|
6111
|
-
}
|
|
6112
|
-
|
|
6113
|
-
return {
|
|
6114
|
-
[mainAxis]: mainAxisCoord,
|
|
6115
|
-
[crossAxis]: crossAxisCoord
|
|
6116
|
-
};
|
|
6117
|
-
}
|
|
6118
|
-
|
|
6119
|
-
};
|
|
6120
|
-
};
|
|
6121
|
-
|
|
6122
|
-
const size = function (options) {
|
|
6123
|
-
if (options === void 0) {
|
|
6124
|
-
options = {};
|
|
6125
|
-
}
|
|
6126
|
-
|
|
6127
|
-
return {
|
|
6128
|
-
name: 'size',
|
|
6129
|
-
options,
|
|
6130
|
-
|
|
6131
|
-
async fn(middlewareArguments) {
|
|
6132
|
-
var _middlewareData$size;
|
|
6133
|
-
|
|
6134
|
-
const {
|
|
6135
|
-
placement,
|
|
6136
|
-
rects,
|
|
6137
|
-
middlewareData
|
|
6138
|
-
} = middlewareArguments;
|
|
6139
|
-
const {
|
|
6140
|
-
apply,
|
|
6141
|
-
...detectOverflowOptions
|
|
6142
|
-
} = options;
|
|
6143
|
-
|
|
6144
|
-
if ((_middlewareData$size = middlewareData.size) != null && _middlewareData$size.skip) {
|
|
6145
|
-
return {};
|
|
6146
|
-
}
|
|
6147
|
-
|
|
6148
|
-
const overflow = await detectOverflow(middlewareArguments, detectOverflowOptions);
|
|
6149
|
-
const basePlacement = getBasePlacement(placement);
|
|
6150
|
-
const isEnd = getAlignment(placement) === 'end';
|
|
6151
|
-
let heightSide;
|
|
6152
|
-
let widthSide;
|
|
6153
|
-
|
|
6154
|
-
if (basePlacement === 'top' || basePlacement === 'bottom') {
|
|
6155
|
-
heightSide = basePlacement;
|
|
6156
|
-
widthSide = isEnd ? 'left' : 'right';
|
|
6157
|
-
} else {
|
|
6158
|
-
widthSide = basePlacement;
|
|
6159
|
-
heightSide = isEnd ? 'top' : 'bottom';
|
|
6160
|
-
}
|
|
6161
|
-
|
|
6162
|
-
const xMin = max(overflow.left, 0);
|
|
6163
|
-
const xMax = max(overflow.right, 0);
|
|
6164
|
-
const yMin = max(overflow.top, 0);
|
|
6165
|
-
const yMax = max(overflow.bottom, 0);
|
|
6166
|
-
const dimensions = {
|
|
6167
|
-
height: rects.floating.height - (['left', 'right'].includes(placement) ? 2 * (yMin !== 0 || yMax !== 0 ? yMin + yMax : max(overflow.top, overflow.bottom)) : overflow[heightSide]),
|
|
6168
|
-
width: rects.floating.width - (['top', 'bottom'].includes(placement) ? 2 * (xMin !== 0 || xMax !== 0 ? xMin + xMax : max(overflow.left, overflow.right)) : overflow[widthSide])
|
|
6169
|
-
};
|
|
6170
|
-
apply == null ? void 0 : apply({ ...dimensions,
|
|
6171
|
-
...rects
|
|
6172
|
-
});
|
|
6173
|
-
return {
|
|
6174
|
-
data: {
|
|
6175
|
-
skip: true
|
|
6176
|
-
},
|
|
6177
|
-
reset: {
|
|
6178
|
-
rects: true
|
|
6179
|
-
}
|
|
6180
|
-
};
|
|
6181
|
-
}
|
|
6182
|
-
|
|
6183
|
-
};
|
|
6184
|
-
};
|
|
6185
|
-
|
|
6186
|
-
const inline = function (options) {
|
|
6187
|
-
if (options === void 0) {
|
|
6188
|
-
options = {};
|
|
6189
|
-
}
|
|
6190
|
-
|
|
6191
|
-
return {
|
|
6192
|
-
name: 'inline',
|
|
6193
|
-
options,
|
|
6194
|
-
|
|
6195
|
-
async fn(middlewareArguments) {
|
|
6196
|
-
var _middlewareData$inlin, _await$platform$getCl;
|
|
6197
|
-
|
|
6198
|
-
const {
|
|
6199
|
-
placement,
|
|
6200
|
-
elements,
|
|
6201
|
-
rects,
|
|
6202
|
-
platform,
|
|
6203
|
-
strategy,
|
|
6204
|
-
middlewareData
|
|
6205
|
-
} = middlewareArguments; // A MouseEvent's client{X,Y} coords can be up to 2 pixels off a
|
|
6206
|
-
// ClientRect's bounds, despite the event listener being triggered. A
|
|
6207
|
-
// padding of 2 seems to handle this issue.
|
|
6208
|
-
|
|
6209
|
-
const {
|
|
6210
|
-
padding = 2,
|
|
6211
|
-
x,
|
|
6212
|
-
y
|
|
6213
|
-
} = options;
|
|
6214
|
-
|
|
6215
|
-
if ((_middlewareData$inlin = middlewareData.inline) != null && _middlewareData$inlin.skip) {
|
|
6216
|
-
return {};
|
|
6217
|
-
}
|
|
6218
|
-
|
|
6219
|
-
const fallback = rectToClientRect(await platform.convertOffsetParentRelativeRectToViewportRelativeRect({
|
|
6220
|
-
rect: rects.reference,
|
|
6221
|
-
offsetParent: await platform.getOffsetParent({
|
|
6222
|
-
element: elements.floating
|
|
6223
|
-
}),
|
|
6224
|
-
strategy
|
|
6225
|
-
}));
|
|
6226
|
-
const clientRects = Array.from((_await$platform$getCl = await (platform.getClientRects == null ? void 0 : platform.getClientRects({
|
|
6227
|
-
element: elements.reference
|
|
6228
|
-
}))) != null ? _await$platform$getCl : []);
|
|
6229
|
-
const paddingObject = getSideObjectFromPadding(padding);
|
|
6230
|
-
|
|
6231
|
-
function getBoundingClientRect() {
|
|
6232
|
-
// There are two rects and they are disjoined
|
|
6233
|
-
if (clientRects.length === 2 && clientRects[0].left > clientRects[1].right && x != null && y != null) {
|
|
6234
|
-
var _clientRects$find;
|
|
6235
|
-
|
|
6236
|
-
// Find the first rect in which the point is fully inside
|
|
6237
|
-
return (_clientRects$find = clientRects.find(rect => x > rect.left - paddingObject.left && x < rect.right + paddingObject.right && y > rect.top - paddingObject.top && y < rect.bottom + paddingObject.bottom)) != null ? _clientRects$find : fallback;
|
|
6238
|
-
} // There are 2 or more connected rects
|
|
6239
|
-
|
|
6240
|
-
|
|
6241
|
-
if (clientRects.length >= 2) {
|
|
6242
|
-
if (getMainAxisFromPlacement(placement) === 'x') {
|
|
6243
|
-
const firstRect = clientRects[0];
|
|
6244
|
-
const lastRect = clientRects[clientRects.length - 1];
|
|
6245
|
-
const isTop = getBasePlacement(placement) === 'top';
|
|
6246
|
-
const top = firstRect.top;
|
|
6247
|
-
const bottom = lastRect.bottom;
|
|
6248
|
-
const left = isTop ? firstRect.left : lastRect.left;
|
|
6249
|
-
const right = isTop ? firstRect.right : lastRect.right;
|
|
6250
|
-
const width = right - left;
|
|
6251
|
-
const height = bottom - top;
|
|
6252
|
-
return {
|
|
6253
|
-
top,
|
|
6254
|
-
bottom,
|
|
6255
|
-
left,
|
|
6256
|
-
right,
|
|
6257
|
-
width,
|
|
6258
|
-
height,
|
|
6259
|
-
x: left,
|
|
6260
|
-
y: top
|
|
6261
|
-
};
|
|
6262
|
-
}
|
|
6263
|
-
|
|
6264
|
-
const isLeftPlacement = getBasePlacement(placement) === 'left';
|
|
6265
|
-
const maxRight = max(...clientRects.map(rect => rect.right));
|
|
6266
|
-
const minLeft = min(...clientRects.map(rect => rect.left));
|
|
6267
|
-
const measureRects = clientRects.filter(rect => isLeftPlacement ? rect.left === minLeft : rect.right === maxRight);
|
|
6268
|
-
const top = measureRects[0].top;
|
|
6269
|
-
const bottom = measureRects[measureRects.length - 1].bottom;
|
|
6270
|
-
const left = minLeft;
|
|
6271
|
-
const right = maxRight;
|
|
6272
|
-
const width = right - left;
|
|
6273
|
-
const height = bottom - top;
|
|
6274
|
-
return {
|
|
6275
|
-
top,
|
|
6276
|
-
bottom,
|
|
6277
|
-
left,
|
|
6278
|
-
right,
|
|
6279
|
-
width,
|
|
6280
|
-
height,
|
|
6281
|
-
x: left,
|
|
6282
|
-
y: top
|
|
6283
|
-
};
|
|
6284
|
-
}
|
|
6285
|
-
|
|
6286
|
-
return fallback;
|
|
6287
|
-
}
|
|
6288
|
-
|
|
6289
|
-
return {
|
|
6290
|
-
data: {
|
|
6291
|
-
skip: true
|
|
6292
|
-
},
|
|
6293
|
-
reset: {
|
|
6294
|
-
rects: await platform.getElementRects({
|
|
6295
|
-
reference: {
|
|
6296
|
-
getBoundingClientRect
|
|
6297
|
-
},
|
|
6298
|
-
floating: elements.floating,
|
|
6299
|
-
strategy
|
|
6300
|
-
})
|
|
6301
|
-
}
|
|
6302
|
-
};
|
|
6303
|
-
}
|
|
6304
|
-
|
|
6305
|
-
};
|
|
6306
|
-
};
|
|
6307
|
-
|
|
6308
|
-
|
|
6309
|
-
|
|
6310
|
-
;// CONCATENATED MODULE: ./node_modules/@floating-ui/dom/dist/floating-ui.dom.esm.js
|
|
6311
|
-
|
|
6312
|
-
|
|
6313
|
-
|
|
6314
|
-
function isWindow(value) {
|
|
6315
|
-
return (value == null ? void 0 : value.toString()) === '[object Window]';
|
|
6316
|
-
}
|
|
6317
|
-
function getWindow(node) {
|
|
6318
|
-
if (node == null) {
|
|
6319
|
-
return window;
|
|
6320
|
-
}
|
|
6321
|
-
|
|
6322
|
-
if (!isWindow(node)) {
|
|
6323
|
-
const ownerDocument = node.ownerDocument;
|
|
6324
|
-
return ownerDocument ? ownerDocument.defaultView || window : window;
|
|
6325
|
-
}
|
|
6326
|
-
|
|
6327
|
-
return node;
|
|
6328
|
-
}
|
|
6329
|
-
|
|
6330
|
-
function getComputedStyle$1(element) {
|
|
6331
|
-
return getWindow(element).getComputedStyle(element);
|
|
6332
|
-
}
|
|
6333
|
-
|
|
6334
|
-
function getNodeName(node) {
|
|
6335
|
-
return isWindow(node) ? '' : node ? (node.nodeName || '').toLowerCase() : '';
|
|
6336
|
-
}
|
|
6337
|
-
|
|
6338
|
-
function isHTMLElement(value) {
|
|
6339
|
-
return value instanceof getWindow(value).HTMLElement;
|
|
6340
|
-
}
|
|
6341
|
-
function isElement(value) {
|
|
6342
|
-
return value instanceof getWindow(value).Element;
|
|
6343
|
-
}
|
|
6344
|
-
function isNode(value) {
|
|
6345
|
-
return value instanceof getWindow(value).Node;
|
|
6346
|
-
}
|
|
6347
|
-
function isShadowRoot(node) {
|
|
6348
|
-
const OwnElement = getWindow(node).ShadowRoot;
|
|
6349
|
-
return node instanceof OwnElement || node instanceof ShadowRoot;
|
|
6350
|
-
}
|
|
6351
|
-
function isScrollParent(element) {
|
|
6352
|
-
// Firefox wants us to check `-x` and `-y` variations as well
|
|
6353
|
-
const {
|
|
6354
|
-
overflow,
|
|
6355
|
-
overflowX,
|
|
6356
|
-
overflowY
|
|
6357
|
-
} = getComputedStyle$1(element);
|
|
6358
|
-
return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX);
|
|
6359
|
-
}
|
|
6360
|
-
function isTableElement(element) {
|
|
6361
|
-
return ['table', 'td', 'th'].includes(getNodeName(element));
|
|
6362
|
-
}
|
|
6363
|
-
function isContainingBlock(element) {
|
|
6364
|
-
// TODO: Try and use feature detection here instead
|
|
6365
|
-
const isFirefox = navigator.userAgent.toLowerCase().includes('firefox');
|
|
6366
|
-
const css = getComputedStyle$1(element); // This is non-exhaustive but covers the most common CSS properties that
|
|
6367
|
-
// create a containing block.
|
|
6368
|
-
// https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
|
|
6369
|
-
|
|
6370
|
-
return css.transform !== 'none' || css.perspective !== 'none' || css.contain === 'paint' || ['transform', 'perspective'].includes(css.willChange) || isFirefox && css.willChange === 'filter' || isFirefox && (css.filter ? css.filter !== 'none' : false);
|
|
6371
|
-
}
|
|
6372
|
-
|
|
6373
|
-
const floating_ui_dom_esm_min = Math.min;
|
|
6374
|
-
const floating_ui_dom_esm_max = Math.max;
|
|
6375
|
-
const round = Math.round;
|
|
6376
|
-
|
|
6377
|
-
function getBoundingClientRect(element, includeScale) {
|
|
6378
|
-
if (includeScale === void 0) {
|
|
6379
|
-
includeScale = false;
|
|
6380
|
-
}
|
|
6381
|
-
|
|
6382
|
-
const clientRect = element.getBoundingClientRect();
|
|
6383
|
-
let scaleX = 1;
|
|
6384
|
-
let scaleY = 1;
|
|
6385
|
-
|
|
6386
|
-
if (includeScale && isHTMLElement(element)) {
|
|
6387
|
-
scaleX = element.offsetWidth > 0 ? round(clientRect.width) / element.offsetWidth || 1 : 1;
|
|
6388
|
-
scaleY = element.offsetHeight > 0 ? round(clientRect.height) / element.offsetHeight || 1 : 1;
|
|
6389
|
-
}
|
|
6390
|
-
|
|
6391
|
-
return {
|
|
6392
|
-
width: clientRect.width / scaleX,
|
|
6393
|
-
height: clientRect.height / scaleY,
|
|
6394
|
-
top: clientRect.top / scaleY,
|
|
6395
|
-
right: clientRect.right / scaleX,
|
|
6396
|
-
bottom: clientRect.bottom / scaleY,
|
|
6397
|
-
left: clientRect.left / scaleX,
|
|
6398
|
-
x: clientRect.left / scaleX,
|
|
6399
|
-
y: clientRect.top / scaleY
|
|
6400
|
-
};
|
|
6401
|
-
}
|
|
6402
|
-
|
|
6403
|
-
function getDocumentElement(node) {
|
|
6404
|
-
return ((isNode(node) ? node.ownerDocument : node.document) || window.document).documentElement;
|
|
6405
|
-
}
|
|
6406
|
-
|
|
6407
|
-
function getNodeScroll(element) {
|
|
6408
|
-
if (isWindow(element)) {
|
|
6409
|
-
return {
|
|
6410
|
-
scrollLeft: element.pageXOffset,
|
|
6411
|
-
scrollTop: element.pageYOffset
|
|
6412
|
-
};
|
|
6413
|
-
}
|
|
6414
|
-
|
|
6415
|
-
return {
|
|
6416
|
-
scrollLeft: element.scrollLeft,
|
|
6417
|
-
scrollTop: element.scrollTop
|
|
6418
|
-
};
|
|
6419
|
-
}
|
|
6420
|
-
|
|
6421
|
-
function getWindowScrollBarX(element) {
|
|
6422
|
-
// If <html> has a CSS width greater than the viewport, then this will be
|
|
6423
|
-
// incorrect for RTL.
|
|
6424
|
-
return getBoundingClientRect(getDocumentElement(element)).left + getNodeScroll(element).scrollLeft;
|
|
6425
|
-
}
|
|
6426
|
-
|
|
6427
|
-
function isScaled(element) {
|
|
6428
|
-
const rect = getBoundingClientRect(element);
|
|
6429
|
-
return round(rect.width) !== element.offsetWidth || round(rect.height) !== element.offsetHeight;
|
|
6430
|
-
}
|
|
6431
|
-
|
|
6432
|
-
function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
|
|
6433
|
-
const isOffsetParentAnElement = isHTMLElement(offsetParent);
|
|
6434
|
-
const documentElement = getDocumentElement(offsetParent);
|
|
6435
|
-
const rect = getBoundingClientRect(element, isOffsetParentAnElement && isScaled(offsetParent));
|
|
6436
|
-
let scroll = {
|
|
6437
|
-
scrollLeft: 0,
|
|
6438
|
-
scrollTop: 0
|
|
6439
|
-
};
|
|
6440
|
-
const offsets = {
|
|
6441
|
-
x: 0,
|
|
6442
|
-
y: 0
|
|
6443
|
-
};
|
|
6444
|
-
|
|
6445
|
-
if (isOffsetParentAnElement || !isOffsetParentAnElement && strategy !== 'fixed') {
|
|
6446
|
-
if (getNodeName(offsetParent) !== 'body' || isScrollParent(documentElement)) {
|
|
6447
|
-
scroll = getNodeScroll(offsetParent);
|
|
6448
|
-
}
|
|
6449
|
-
|
|
6450
|
-
if (isHTMLElement(offsetParent)) {
|
|
6451
|
-
const offsetRect = getBoundingClientRect(offsetParent, true);
|
|
6452
|
-
offsets.x = offsetRect.x + offsetParent.clientLeft;
|
|
6453
|
-
offsets.y = offsetRect.y + offsetParent.clientTop;
|
|
6454
|
-
} else if (documentElement) {
|
|
6455
|
-
offsets.x = getWindowScrollBarX(documentElement);
|
|
6456
|
-
}
|
|
6457
|
-
}
|
|
6458
|
-
|
|
6459
|
-
return {
|
|
6460
|
-
x: rect.left + scroll.scrollLeft - offsets.x,
|
|
6461
|
-
y: rect.top + scroll.scrollTop - offsets.y,
|
|
6462
|
-
width: rect.width,
|
|
6463
|
-
height: rect.height
|
|
6464
|
-
};
|
|
6465
|
-
}
|
|
6466
|
-
|
|
6467
|
-
function getParentNode(node) {
|
|
6468
|
-
if (getNodeName(node) === 'html') {
|
|
6469
|
-
return node;
|
|
6470
|
-
}
|
|
6471
|
-
|
|
6472
|
-
return (// this is a quicker (but less type safe) way to save quite some bytes from the bundle
|
|
6473
|
-
// @ts-ignore
|
|
6474
|
-
node.assignedSlot || // step into the shadow DOM of the parent of a slotted node
|
|
6475
|
-
node.parentNode || ( // DOM Element detected
|
|
6476
|
-
isShadowRoot(node) ? node.host : null) || // ShadowRoot detected
|
|
6477
|
-
getDocumentElement(node) // fallback
|
|
6478
|
-
|
|
6479
|
-
);
|
|
6480
|
-
}
|
|
6481
|
-
|
|
6482
|
-
function getTrueOffsetParent(element) {
|
|
6483
|
-
if (!isHTMLElement(element) || getComputedStyle(element).position === 'fixed') {
|
|
6484
|
-
return null;
|
|
6485
|
-
}
|
|
6486
|
-
|
|
6487
|
-
return element.offsetParent;
|
|
6488
|
-
}
|
|
6489
|
-
|
|
6490
|
-
function getContainingBlock(element) {
|
|
6491
|
-
let currentNode = getParentNode(element);
|
|
6492
|
-
|
|
6493
|
-
while (isHTMLElement(currentNode) && !['html', 'body'].includes(getNodeName(currentNode))) {
|
|
6494
|
-
if (isContainingBlock(currentNode)) {
|
|
6495
|
-
return currentNode;
|
|
6496
|
-
} else {
|
|
6497
|
-
currentNode = currentNode.parentNode;
|
|
6498
|
-
}
|
|
6499
|
-
}
|
|
6500
|
-
|
|
6501
|
-
return null;
|
|
6502
|
-
} // Gets the closest ancestor positioned element. Handles some edge cases,
|
|
6503
|
-
// such as table ancestors and cross browser bugs.
|
|
6504
|
-
|
|
6505
|
-
|
|
6506
|
-
function getOffsetParent(element) {
|
|
6507
|
-
const window = getWindow(element);
|
|
6508
|
-
let offsetParent = getTrueOffsetParent(element);
|
|
6509
|
-
|
|
6510
|
-
while (offsetParent && isTableElement(offsetParent) && getComputedStyle(offsetParent).position === 'static') {
|
|
6511
|
-
offsetParent = getTrueOffsetParent(offsetParent);
|
|
6512
|
-
}
|
|
6513
|
-
|
|
6514
|
-
if (offsetParent && (getNodeName(offsetParent) === 'html' || getNodeName(offsetParent) === 'body' && getComputedStyle(offsetParent).position === 'static' && !isContainingBlock(offsetParent))) {
|
|
6515
|
-
return window;
|
|
6516
|
-
}
|
|
6517
|
-
|
|
6518
|
-
return offsetParent || getContainingBlock(element) || window;
|
|
6519
|
-
}
|
|
6520
|
-
|
|
6521
|
-
function getDimensions(element) {
|
|
6522
|
-
return {
|
|
6523
|
-
width: element.offsetWidth,
|
|
6524
|
-
height: element.offsetHeight
|
|
6525
|
-
};
|
|
6526
|
-
}
|
|
6527
|
-
|
|
6528
|
-
function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
|
|
6529
|
-
let {
|
|
6530
|
-
rect,
|
|
6531
|
-
offsetParent,
|
|
6532
|
-
strategy
|
|
6533
|
-
} = _ref;
|
|
6534
|
-
const isOffsetParentAnElement = isHTMLElement(offsetParent);
|
|
6535
|
-
const documentElement = getDocumentElement(offsetParent);
|
|
6536
|
-
|
|
6537
|
-
if (offsetParent === documentElement) {
|
|
6538
|
-
return rect;
|
|
6539
|
-
}
|
|
6540
|
-
|
|
6541
|
-
let scroll = {
|
|
6542
|
-
scrollLeft: 0,
|
|
6543
|
-
scrollTop: 0
|
|
6544
|
-
};
|
|
6545
|
-
const offsets = {
|
|
6546
|
-
x: 0,
|
|
6547
|
-
y: 0
|
|
6548
|
-
};
|
|
6549
|
-
|
|
6550
|
-
if (isOffsetParentAnElement || !isOffsetParentAnElement && strategy !== 'fixed') {
|
|
6551
|
-
if (getNodeName(offsetParent) !== 'body' || isScrollParent(documentElement)) {
|
|
6552
|
-
scroll = getNodeScroll(offsetParent);
|
|
6553
|
-
}
|
|
6554
|
-
|
|
6555
|
-
if (isHTMLElement(offsetParent)) {
|
|
6556
|
-
const offsetRect = getBoundingClientRect(offsetParent, true);
|
|
6557
|
-
offsets.x = offsetRect.x + offsetParent.clientLeft;
|
|
6558
|
-
offsets.y = offsetRect.y + offsetParent.clientTop;
|
|
6559
|
-
} // This doesn't appear to be need to be negated.
|
|
6560
|
-
// else if (documentElement) {
|
|
6561
|
-
// offsets.x = getWindowScrollBarX(documentElement);
|
|
6562
|
-
// }
|
|
6563
|
-
|
|
6564
|
-
}
|
|
6565
|
-
|
|
6566
|
-
return { ...rect,
|
|
6567
|
-
x: rect.x - scroll.scrollLeft + offsets.x,
|
|
6568
|
-
y: rect.y - scroll.scrollTop + offsets.y
|
|
6569
|
-
};
|
|
6570
|
-
}
|
|
6571
|
-
|
|
6572
|
-
function getViewportRect(element) {
|
|
6573
|
-
const win = getWindow(element);
|
|
6574
|
-
const html = getDocumentElement(element);
|
|
6575
|
-
const visualViewport = win.visualViewport;
|
|
6576
|
-
let width = html.clientWidth;
|
|
6577
|
-
let height = html.clientHeight;
|
|
6578
|
-
let x = 0;
|
|
6579
|
-
let y = 0;
|
|
6580
|
-
|
|
6581
|
-
if (visualViewport) {
|
|
6582
|
-
width = visualViewport.width;
|
|
6583
|
-
height = visualViewport.height; // Uses Layout Viewport (like Chrome; Safari does not currently)
|
|
6584
|
-
// In Chrome, it returns a value very close to 0 (+/-) but contains rounding
|
|
6585
|
-
// errors due to floating point numbers, so we need to check precision.
|
|
6586
|
-
// Safari returns a number <= 0, usually < -1 when pinch-zoomed
|
|
6587
|
-
|
|
6588
|
-
if (Math.abs(win.innerWidth / visualViewport.scale - visualViewport.width) < 0.01) {
|
|
6589
|
-
x = visualViewport.offsetLeft;
|
|
6590
|
-
y = visualViewport.offsetTop;
|
|
6591
|
-
}
|
|
6592
|
-
}
|
|
6593
|
-
|
|
6594
|
-
return {
|
|
6595
|
-
width,
|
|
6596
|
-
height,
|
|
6597
|
-
x,
|
|
6598
|
-
y
|
|
6599
|
-
};
|
|
6600
|
-
}
|
|
6601
|
-
|
|
6602
|
-
// of the `<html>` and `<body>` rect bounds if horizontally scrollable
|
|
6603
|
-
|
|
6604
|
-
function getDocumentRect(element) {
|
|
6605
|
-
var _element$ownerDocumen;
|
|
6606
|
-
|
|
6607
|
-
const html = getDocumentElement(element);
|
|
6608
|
-
const scroll = getNodeScroll(element);
|
|
6609
|
-
const body = (_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body;
|
|
6610
|
-
const width = floating_ui_dom_esm_max(html.scrollWidth, html.clientWidth, body ? body.scrollWidth : 0, body ? body.clientWidth : 0);
|
|
6611
|
-
const height = floating_ui_dom_esm_max(html.scrollHeight, html.clientHeight, body ? body.scrollHeight : 0, body ? body.clientHeight : 0);
|
|
6612
|
-
let x = -scroll.scrollLeft + getWindowScrollBarX(element);
|
|
6613
|
-
const y = -scroll.scrollTop;
|
|
6614
|
-
|
|
6615
|
-
if (getComputedStyle$1(body || html).direction === 'rtl') {
|
|
6616
|
-
x += floating_ui_dom_esm_max(html.clientWidth, body ? body.clientWidth : 0) - width;
|
|
6617
|
-
}
|
|
6618
|
-
|
|
6619
|
-
return {
|
|
6620
|
-
width,
|
|
6621
|
-
height,
|
|
6622
|
-
x,
|
|
6623
|
-
y
|
|
6624
|
-
};
|
|
6625
|
-
}
|
|
6626
|
-
|
|
6627
|
-
function getScrollParent(node) {
|
|
6628
|
-
if (['html', 'body', '#document'].includes(getNodeName(node))) {
|
|
6629
|
-
// @ts-ignore assume body is always available
|
|
6630
|
-
return node.ownerDocument.body;
|
|
6631
|
-
}
|
|
6632
|
-
|
|
6633
|
-
if (isHTMLElement(node) && isScrollParent(node)) {
|
|
6634
|
-
return node;
|
|
6635
|
-
}
|
|
6636
|
-
|
|
6637
|
-
return getScrollParent(getParentNode(node));
|
|
6638
|
-
}
|
|
6639
|
-
|
|
6640
|
-
function getScrollParents(node, list) {
|
|
6641
|
-
var _node$ownerDocument;
|
|
6642
|
-
|
|
6643
|
-
if (list === void 0) {
|
|
6644
|
-
list = [];
|
|
6645
|
-
}
|
|
6646
|
-
|
|
6647
|
-
const scrollParent = getScrollParent(node);
|
|
6648
|
-
const isBody = scrollParent === ((_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.body);
|
|
6649
|
-
const win = getWindow(scrollParent);
|
|
6650
|
-
const target = isBody ? [win].concat(win.visualViewport || [], isScrollParent(scrollParent) ? scrollParent : []) : scrollParent;
|
|
6651
|
-
const updatedList = list.concat(target);
|
|
6652
|
-
return isBody ? updatedList : // @ts-ignore: isBody tells us target will be an HTMLElement here
|
|
6653
|
-
updatedList.concat(getScrollParents(getParentNode(target)));
|
|
6654
|
-
}
|
|
6655
|
-
|
|
6656
|
-
function contains(parent, child) {
|
|
6657
|
-
const rootNode = child.getRootNode == null ? void 0 : child.getRootNode(); // First, attempt with faster native method
|
|
6658
|
-
|
|
6659
|
-
if (parent.contains(child)) {
|
|
6660
|
-
return true;
|
|
6661
|
-
} // then fallback to custom implementation with Shadow DOM support
|
|
6662
|
-
else if (rootNode && isShadowRoot(rootNode)) {
|
|
6663
|
-
let next = child;
|
|
6664
|
-
|
|
6665
|
-
do {
|
|
6666
|
-
// use `===` replace node.isSameNode()
|
|
6667
|
-
if (next && parent === next) {
|
|
6668
|
-
return true;
|
|
6669
|
-
} // @ts-ignore: need a better way to handle this...
|
|
6670
|
-
|
|
6671
|
-
|
|
6672
|
-
next = next.parentNode || next.host;
|
|
6673
|
-
} while (next);
|
|
6674
|
-
}
|
|
6675
|
-
|
|
6676
|
-
return false;
|
|
6677
|
-
}
|
|
6678
|
-
|
|
6679
|
-
function getInnerBoundingClientRect(element) {
|
|
6680
|
-
const clientRect = getBoundingClientRect(element);
|
|
6681
|
-
const top = clientRect.top + element.clientTop;
|
|
6682
|
-
const left = clientRect.left + element.clientLeft;
|
|
6683
|
-
return {
|
|
6684
|
-
top,
|
|
6685
|
-
left,
|
|
6686
|
-
x: left,
|
|
6687
|
-
y: top,
|
|
6688
|
-
right: left + element.clientWidth,
|
|
6689
|
-
bottom: top + element.clientHeight,
|
|
6690
|
-
width: element.clientWidth,
|
|
6691
|
-
height: element.clientHeight
|
|
6692
|
-
};
|
|
6693
|
-
}
|
|
6694
|
-
|
|
6695
|
-
function getClientRectFromClippingParent(element, clippingParent) {
|
|
6696
|
-
if (clippingParent === 'viewport') {
|
|
6697
|
-
return rectToClientRect(getViewportRect(element));
|
|
6698
|
-
}
|
|
6699
|
-
|
|
6700
|
-
if (isElement(clippingParent)) {
|
|
6701
|
-
return getInnerBoundingClientRect(clippingParent);
|
|
6702
|
-
}
|
|
6703
|
-
|
|
6704
|
-
return rectToClientRect(getDocumentRect(getDocumentElement(element)));
|
|
6705
|
-
} // A "clipping parent" is an overflowable container with the characteristic of
|
|
6706
|
-
// clipping (or hiding) overflowing elements with a position different from
|
|
6707
|
-
// `initial`
|
|
6708
|
-
|
|
6709
|
-
|
|
6710
|
-
function getClippingParents(element) {
|
|
6711
|
-
const clippingParents = getScrollParents(getParentNode(element));
|
|
6712
|
-
const canEscapeClipping = ['absolute', 'fixed'].includes(getComputedStyle$1(element).position);
|
|
6713
|
-
const clipperElement = canEscapeClipping && isHTMLElement(element) ? getOffsetParent(element) : element;
|
|
6714
|
-
|
|
6715
|
-
if (!isElement(clipperElement)) {
|
|
6716
|
-
return [];
|
|
6717
|
-
} // @ts-ignore isElement check ensures we return Array<Element>
|
|
6718
|
-
|
|
6719
|
-
|
|
6720
|
-
return clippingParents.filter(clippingParent => isElement(clippingParent) && contains(clippingParent, clipperElement) && getNodeName(clippingParent) !== 'body');
|
|
6721
|
-
} // Gets the maximum area that the element is visible in due to any number of
|
|
6722
|
-
// clipping parents
|
|
6723
|
-
|
|
6724
|
-
|
|
6725
|
-
function getClippingClientRect(_ref) {
|
|
6726
|
-
let {
|
|
6727
|
-
element,
|
|
6728
|
-
boundary,
|
|
6729
|
-
rootBoundary
|
|
6730
|
-
} = _ref;
|
|
6731
|
-
const mainClippingParents = boundary === 'clippingParents' ? getClippingParents(element) : [].concat(boundary);
|
|
6732
|
-
const clippingParents = [...mainClippingParents, rootBoundary];
|
|
6733
|
-
const firstClippingParent = clippingParents[0];
|
|
6734
|
-
const clippingRect = clippingParents.reduce((accRect, clippingParent) => {
|
|
6735
|
-
const rect = getClientRectFromClippingParent(element, clippingParent);
|
|
6736
|
-
accRect.top = floating_ui_dom_esm_max(rect.top, accRect.top);
|
|
6737
|
-
accRect.right = floating_ui_dom_esm_min(rect.right, accRect.right);
|
|
6738
|
-
accRect.bottom = floating_ui_dom_esm_min(rect.bottom, accRect.bottom);
|
|
6739
|
-
accRect.left = floating_ui_dom_esm_max(rect.left, accRect.left);
|
|
6740
|
-
return accRect;
|
|
6741
|
-
}, getClientRectFromClippingParent(element, firstClippingParent));
|
|
6742
|
-
clippingRect.width = clippingRect.right - clippingRect.left;
|
|
6743
|
-
clippingRect.height = clippingRect.bottom - clippingRect.top;
|
|
6744
|
-
clippingRect.x = clippingRect.left;
|
|
6745
|
-
clippingRect.y = clippingRect.top;
|
|
6746
|
-
return clippingRect;
|
|
6747
|
-
}
|
|
6748
|
-
|
|
6749
|
-
const platform = {
|
|
6750
|
-
getElementRects: _ref => {
|
|
6751
|
-
let {
|
|
6752
|
-
reference,
|
|
6753
|
-
floating,
|
|
6754
|
-
strategy
|
|
6755
|
-
} = _ref;
|
|
6756
|
-
return {
|
|
6757
|
-
reference: getRectRelativeToOffsetParent(reference, getOffsetParent(floating), strategy),
|
|
6758
|
-
floating: { ...getDimensions(floating),
|
|
6759
|
-
x: 0,
|
|
6760
|
-
y: 0
|
|
6761
|
-
}
|
|
6762
|
-
};
|
|
6763
|
-
},
|
|
6764
|
-
convertOffsetParentRelativeRectToViewportRelativeRect: args => convertOffsetParentRelativeRectToViewportRelativeRect(args),
|
|
6765
|
-
getOffsetParent: _ref2 => {
|
|
6766
|
-
let {
|
|
6767
|
-
element
|
|
6768
|
-
} = _ref2;
|
|
6769
|
-
return getOffsetParent(element);
|
|
6770
|
-
},
|
|
6771
|
-
isElement: value => isElement(value),
|
|
6772
|
-
getDocumentElement: _ref3 => {
|
|
6773
|
-
let {
|
|
6774
|
-
element
|
|
6775
|
-
} = _ref3;
|
|
6776
|
-
return getDocumentElement(element);
|
|
6777
|
-
},
|
|
6778
|
-
getClippingClientRect: args => getClippingClientRect(args),
|
|
6779
|
-
getDimensions: _ref4 => {
|
|
6780
|
-
let {
|
|
6781
|
-
element
|
|
6782
|
-
} = _ref4;
|
|
6783
|
-
return getDimensions(element);
|
|
6784
|
-
},
|
|
6785
|
-
getClientRects: _ref5 => {
|
|
6786
|
-
let {
|
|
6787
|
-
element
|
|
6788
|
-
} = _ref5;
|
|
6789
|
-
return element.getClientRects();
|
|
6790
|
-
}
|
|
6791
|
-
};
|
|
6792
|
-
|
|
6793
|
-
const floating_ui_dom_esm_computePosition = (reference, floating, options) => computePosition(reference, floating, {
|
|
6794
|
-
platform,
|
|
6795
|
-
...options
|
|
6796
|
-
});
|
|
6797
|
-
|
|
6798
|
-
|
|
6799
|
-
|
|
6800
|
-
;// CONCATENATED MODULE: ./node_modules/floating-vue/dist/floating-vue.es.js
|
|
6801
|
-
/* provided dependency */ var console = __webpack_require__(108);
|
|
6802
|
-
var __defProp = Object.defineProperty;
|
|
6803
|
-
var __defProps = Object.defineProperties;
|
|
6804
|
-
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
6805
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
6806
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6807
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
6808
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
6809
|
-
var __spreadValues = (a, b) => {
|
|
6810
|
-
for (var prop in b || (b = {}))
|
|
6811
|
-
if (__hasOwnProp.call(b, prop))
|
|
6812
|
-
__defNormalProp(a, prop, b[prop]);
|
|
6813
|
-
if (__getOwnPropSymbols)
|
|
6814
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
6815
|
-
if (__propIsEnum.call(b, prop))
|
|
6816
|
-
__defNormalProp(a, prop, b[prop]);
|
|
6817
|
-
}
|
|
6818
|
-
return a;
|
|
6819
|
-
};
|
|
6820
|
-
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
6821
|
-
|
|
6822
|
-
|
|
6823
|
-
function floating_vue_es_assign(to, from) {
|
|
6824
|
-
for (const key in from) {
|
|
6825
|
-
if (Object.prototype.hasOwnProperty.call(from, key)) {
|
|
6826
|
-
if (typeof from[key] === "object" && to[key]) {
|
|
6827
|
-
floating_vue_es_assign(to[key], from[key]);
|
|
6828
|
-
} else {
|
|
6829
|
-
to[key] = from[key];
|
|
6830
|
-
}
|
|
6831
|
-
}
|
|
6832
|
-
}
|
|
6833
|
-
}
|
|
6834
|
-
const config = {
|
|
6835
|
-
disabled: false,
|
|
6836
|
-
distance: 5,
|
|
6837
|
-
skidding: 0,
|
|
6838
|
-
container: "body",
|
|
6839
|
-
boundary: void 0,
|
|
6840
|
-
instantMove: false,
|
|
6841
|
-
disposeTimeout: 5e3,
|
|
6842
|
-
popperTriggers: [],
|
|
6843
|
-
strategy: "absolute",
|
|
6844
|
-
preventOverflow: true,
|
|
6845
|
-
flip: true,
|
|
6846
|
-
shift: true,
|
|
6847
|
-
overflowPadding: 0,
|
|
6848
|
-
arrowPadding: 0,
|
|
6849
|
-
arrowOverflow: true,
|
|
6850
|
-
themes: {
|
|
6851
|
-
tooltip: {
|
|
6852
|
-
placement: "top",
|
|
6853
|
-
triggers: ["hover", "focus", "touch"],
|
|
6854
|
-
hideTriggers: (events) => [...events, "click"],
|
|
6855
|
-
delay: {
|
|
6856
|
-
show: 200,
|
|
6857
|
-
hide: 0
|
|
6858
|
-
},
|
|
6859
|
-
handleResize: false,
|
|
6860
|
-
html: false,
|
|
6861
|
-
loadingContent: "..."
|
|
6862
|
-
},
|
|
6863
|
-
dropdown: {
|
|
6864
|
-
placement: "bottom",
|
|
6865
|
-
triggers: ["click"],
|
|
6866
|
-
delay: 0,
|
|
6867
|
-
handleResize: true,
|
|
6868
|
-
autoHide: true
|
|
6869
|
-
},
|
|
6870
|
-
menu: {
|
|
6871
|
-
$extend: "dropdown",
|
|
6872
|
-
triggers: ["hover", "focus"],
|
|
6873
|
-
popperTriggers: ["hover", "focus"],
|
|
6874
|
-
delay: {
|
|
6875
|
-
show: 0,
|
|
6876
|
-
hide: 400
|
|
6877
|
-
}
|
|
6878
|
-
}
|
|
6879
|
-
}
|
|
6880
|
-
};
|
|
6881
|
-
function getDefaultConfig(theme, key) {
|
|
6882
|
-
let themeConfig = config.themes[theme] || {};
|
|
6883
|
-
let value;
|
|
6884
|
-
do {
|
|
6885
|
-
value = themeConfig[key];
|
|
6886
|
-
if (typeof value === "undefined") {
|
|
6887
|
-
if (themeConfig.$extend) {
|
|
6888
|
-
themeConfig = config.themes[themeConfig.$extend] || {};
|
|
6889
|
-
} else {
|
|
6890
|
-
themeConfig = null;
|
|
6891
|
-
value = config[key];
|
|
6892
|
-
}
|
|
6893
|
-
} else {
|
|
6894
|
-
themeConfig = null;
|
|
6895
|
-
}
|
|
6896
|
-
} while (themeConfig);
|
|
6897
|
-
return value;
|
|
6898
|
-
}
|
|
6899
|
-
function getThemeClasses(theme) {
|
|
6900
|
-
const result = [theme];
|
|
6901
|
-
let themeConfig = config.themes[theme] || {};
|
|
6902
|
-
do {
|
|
6903
|
-
if (themeConfig.$extend && !themeConfig.$resetCss) {
|
|
6904
|
-
result.push(themeConfig.$extend);
|
|
6905
|
-
themeConfig = config.themes[themeConfig.$extend] || {};
|
|
6906
|
-
} else {
|
|
6907
|
-
themeConfig = null;
|
|
6908
|
-
}
|
|
6909
|
-
} while (themeConfig);
|
|
6910
|
-
return result.map((c) => `v-popper--theme-${c}`);
|
|
6911
|
-
}
|
|
6912
|
-
function getAllParentThemes(theme) {
|
|
6913
|
-
const result = [theme];
|
|
6914
|
-
let themeConfig = config.themes[theme] || {};
|
|
6915
|
-
do {
|
|
6916
|
-
if (themeConfig.$extend) {
|
|
6917
|
-
result.push(themeConfig.$extend);
|
|
6918
|
-
themeConfig = config.themes[themeConfig.$extend] || {};
|
|
6919
|
-
} else {
|
|
6920
|
-
themeConfig = null;
|
|
6921
|
-
}
|
|
6922
|
-
} while (themeConfig);
|
|
6923
|
-
return result;
|
|
6924
|
-
}
|
|
6925
|
-
var vueResize = "";
|
|
6926
|
-
let supportsPassive = false;
|
|
6927
|
-
if (typeof window !== "undefined") {
|
|
6928
|
-
supportsPassive = false;
|
|
6929
|
-
try {
|
|
6930
|
-
const opts = Object.defineProperty({}, "passive", {
|
|
6931
|
-
get() {
|
|
6932
|
-
supportsPassive = true;
|
|
6933
|
-
}
|
|
6934
|
-
});
|
|
6935
|
-
window.addEventListener("test", null, opts);
|
|
6936
|
-
} catch (e) {
|
|
6937
|
-
}
|
|
6938
|
-
}
|
|
6939
|
-
let isIOS = false;
|
|
6940
|
-
if (typeof window !== "undefined" && typeof navigator !== "undefined") {
|
|
6941
|
-
isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
|
|
6942
|
-
}
|
|
6943
|
-
const placements = ["auto", "top", "bottom", "left", "right"].reduce((acc, base) => acc.concat([
|
|
6944
|
-
base,
|
|
6945
|
-
`${base}-start`,
|
|
6946
|
-
`${base}-end`
|
|
6947
|
-
]), []);
|
|
6948
|
-
const SHOW_EVENT_MAP = {
|
|
6949
|
-
hover: "mouseenter",
|
|
6950
|
-
focus: "focus",
|
|
6951
|
-
click: "click",
|
|
6952
|
-
touch: "touchstart"
|
|
6953
|
-
};
|
|
6954
|
-
const HIDE_EVENT_MAP = {
|
|
6955
|
-
hover: "mouseleave",
|
|
6956
|
-
focus: "blur",
|
|
6957
|
-
click: "click",
|
|
6958
|
-
touch: "touchend"
|
|
6959
|
-
};
|
|
6960
|
-
function removeFromArray(array, item) {
|
|
6961
|
-
const index = array.indexOf(item);
|
|
6962
|
-
if (index !== -1) {
|
|
6963
|
-
array.splice(index, 1);
|
|
6964
|
-
}
|
|
6965
|
-
}
|
|
6966
|
-
function nextFrame() {
|
|
6967
|
-
return new Promise((resolve) => requestAnimationFrame(() => {
|
|
6968
|
-
requestAnimationFrame(resolve);
|
|
6969
|
-
}));
|
|
6970
|
-
}
|
|
6971
|
-
const shownPoppers = [];
|
|
6972
|
-
let hidingPopper = null;
|
|
6973
|
-
const shownPoppersByTheme = {};
|
|
6974
|
-
function getShownPoppersByTheme(theme) {
|
|
6975
|
-
let list = shownPoppersByTheme[theme];
|
|
6976
|
-
if (!list) {
|
|
6977
|
-
list = shownPoppersByTheme[theme] = [];
|
|
6978
|
-
}
|
|
6979
|
-
return list;
|
|
6980
|
-
}
|
|
6981
|
-
let Element = function() {
|
|
6982
|
-
};
|
|
6983
|
-
if (typeof window !== "undefined") {
|
|
6984
|
-
Element = window.Element;
|
|
6985
|
-
}
|
|
6986
|
-
function defaultPropFactory(prop) {
|
|
6987
|
-
return function(props) {
|
|
6988
|
-
return getDefaultConfig(props.theme, prop);
|
|
6989
|
-
};
|
|
6990
|
-
}
|
|
6991
|
-
const PROVIDE_KEY = "__floating-vue__popper";
|
|
6992
|
-
var PrivatePopper = () => (0,external_commonjs_vue_commonjs2_vue_root_Vue_.defineComponent)({
|
|
6993
|
-
name: "VPopper",
|
|
6994
|
-
provide() {
|
|
6995
|
-
return {
|
|
6996
|
-
[PROVIDE_KEY]: {
|
|
6997
|
-
parentPopper: this
|
|
6998
|
-
}
|
|
6999
|
-
};
|
|
7000
|
-
},
|
|
7001
|
-
inject: {
|
|
7002
|
-
[PROVIDE_KEY]: { default: null }
|
|
7003
|
-
},
|
|
7004
|
-
props: {
|
|
7005
|
-
theme: {
|
|
7006
|
-
type: String,
|
|
7007
|
-
required: true
|
|
7008
|
-
},
|
|
7009
|
-
targetNodes: {
|
|
7010
|
-
type: Function,
|
|
7011
|
-
required: true
|
|
7012
|
-
},
|
|
7013
|
-
referenceNode: {
|
|
7014
|
-
type: Function,
|
|
7015
|
-
default: null
|
|
7016
|
-
},
|
|
7017
|
-
popperNode: {
|
|
7018
|
-
type: Function,
|
|
7019
|
-
required: true
|
|
7020
|
-
},
|
|
7021
|
-
shown: {
|
|
7022
|
-
type: Boolean,
|
|
7023
|
-
default: false
|
|
7024
|
-
},
|
|
7025
|
-
showGroup: {
|
|
7026
|
-
type: String,
|
|
7027
|
-
default: null
|
|
7028
|
-
},
|
|
7029
|
-
ariaId: {
|
|
7030
|
-
default: null
|
|
7031
|
-
},
|
|
7032
|
-
disabled: {
|
|
7033
|
-
type: Boolean,
|
|
7034
|
-
default: defaultPropFactory("disabled")
|
|
7035
|
-
},
|
|
7036
|
-
positioningDisabled: {
|
|
7037
|
-
type: Boolean,
|
|
7038
|
-
default: defaultPropFactory("positioningDisabled")
|
|
7039
|
-
},
|
|
7040
|
-
placement: {
|
|
7041
|
-
type: String,
|
|
7042
|
-
default: defaultPropFactory("placement"),
|
|
7043
|
-
validator: (value) => placements.includes(value)
|
|
7044
|
-
},
|
|
7045
|
-
delay: {
|
|
7046
|
-
type: [String, Number, Object],
|
|
7047
|
-
default: defaultPropFactory("delay")
|
|
7048
|
-
},
|
|
7049
|
-
distance: {
|
|
7050
|
-
type: [Number, String],
|
|
7051
|
-
default: defaultPropFactory("distance")
|
|
7052
|
-
},
|
|
7053
|
-
skidding: {
|
|
7054
|
-
type: [Number, String],
|
|
7055
|
-
default: defaultPropFactory("skidding")
|
|
7056
|
-
},
|
|
7057
|
-
triggers: {
|
|
7058
|
-
type: Array,
|
|
7059
|
-
default: defaultPropFactory("triggers")
|
|
7060
|
-
},
|
|
7061
|
-
showTriggers: {
|
|
7062
|
-
type: [Array, Function],
|
|
7063
|
-
default: defaultPropFactory("showTriggers")
|
|
7064
|
-
},
|
|
7065
|
-
hideTriggers: {
|
|
7066
|
-
type: [Array, Function],
|
|
7067
|
-
default: defaultPropFactory("hideTriggers")
|
|
7068
|
-
},
|
|
7069
|
-
popperTriggers: {
|
|
7070
|
-
type: Array,
|
|
7071
|
-
default: defaultPropFactory("popperTriggers")
|
|
7072
|
-
},
|
|
7073
|
-
popperShowTriggers: {
|
|
7074
|
-
type: [Array, Function],
|
|
7075
|
-
default: defaultPropFactory("popperShowTriggers")
|
|
7076
|
-
},
|
|
7077
|
-
popperHideTriggers: {
|
|
7078
|
-
type: [Array, Function],
|
|
7079
|
-
default: defaultPropFactory("popperHideTriggers")
|
|
7080
|
-
},
|
|
7081
|
-
container: {
|
|
7082
|
-
type: [String, Object, Element, Boolean],
|
|
7083
|
-
default: defaultPropFactory("container")
|
|
7084
|
-
},
|
|
7085
|
-
boundary: {
|
|
7086
|
-
type: [String, Element],
|
|
7087
|
-
default: defaultPropFactory("boundary")
|
|
7088
|
-
},
|
|
7089
|
-
strategy: {
|
|
7090
|
-
type: String,
|
|
7091
|
-
validator: (value) => ["absolute", "fixed"].includes(value),
|
|
7092
|
-
default: defaultPropFactory("strategy")
|
|
7093
|
-
},
|
|
7094
|
-
autoHide: {
|
|
7095
|
-
type: [Boolean, Function],
|
|
7096
|
-
default: defaultPropFactory("autoHide")
|
|
7097
|
-
},
|
|
7098
|
-
handleResize: {
|
|
7099
|
-
type: Boolean,
|
|
7100
|
-
default: defaultPropFactory("handleResize")
|
|
7101
|
-
},
|
|
7102
|
-
instantMove: {
|
|
7103
|
-
type: Boolean,
|
|
7104
|
-
default: defaultPropFactory("instantMove")
|
|
7105
|
-
},
|
|
7106
|
-
eagerMount: {
|
|
7107
|
-
type: Boolean,
|
|
7108
|
-
default: defaultPropFactory("eagerMount")
|
|
7109
|
-
},
|
|
7110
|
-
popperClass: {
|
|
7111
|
-
type: [String, Array, Object],
|
|
7112
|
-
default: defaultPropFactory("popperClass")
|
|
7113
|
-
},
|
|
7114
|
-
computeTransformOrigin: {
|
|
7115
|
-
type: Boolean,
|
|
7116
|
-
default: defaultPropFactory("computeTransformOrigin")
|
|
7117
|
-
},
|
|
7118
|
-
autoMinSize: {
|
|
7119
|
-
type: Boolean,
|
|
7120
|
-
default: defaultPropFactory("autoMinSize")
|
|
7121
|
-
},
|
|
7122
|
-
autoSize: {
|
|
7123
|
-
type: [Boolean, String],
|
|
7124
|
-
default: defaultPropFactory("autoSize")
|
|
7125
|
-
},
|
|
7126
|
-
autoMaxSize: {
|
|
7127
|
-
type: Boolean,
|
|
7128
|
-
default: defaultPropFactory("autoMaxSize")
|
|
7129
|
-
},
|
|
7130
|
-
autoBoundaryMaxSize: {
|
|
7131
|
-
type: Boolean,
|
|
7132
|
-
default: defaultPropFactory("autoBoundaryMaxSize")
|
|
7133
|
-
},
|
|
7134
|
-
preventOverflow: {
|
|
7135
|
-
type: Boolean,
|
|
7136
|
-
default: defaultPropFactory("preventOverflow")
|
|
7137
|
-
},
|
|
7138
|
-
overflowPadding: {
|
|
7139
|
-
type: [Number, String],
|
|
7140
|
-
default: defaultPropFactory("overflowPadding")
|
|
7141
|
-
},
|
|
7142
|
-
arrowPadding: {
|
|
7143
|
-
type: [Number, String],
|
|
7144
|
-
default: defaultPropFactory("arrowPadding")
|
|
7145
|
-
},
|
|
7146
|
-
arrowOverflow: {
|
|
7147
|
-
type: Boolean,
|
|
7148
|
-
default: defaultPropFactory("arrowOverflow")
|
|
7149
|
-
},
|
|
7150
|
-
flip: {
|
|
7151
|
-
type: Boolean,
|
|
7152
|
-
default: defaultPropFactory("flip")
|
|
7153
|
-
},
|
|
7154
|
-
shift: {
|
|
7155
|
-
type: Boolean,
|
|
7156
|
-
default: defaultPropFactory("shift")
|
|
7157
|
-
},
|
|
7158
|
-
shiftCrossAxis: {
|
|
7159
|
-
type: Boolean,
|
|
7160
|
-
default: defaultPropFactory("shiftCrossAxis")
|
|
7161
|
-
},
|
|
7162
|
-
noAutoFocus: {
|
|
7163
|
-
type: Boolean,
|
|
7164
|
-
default: defaultPropFactory("noAutoFocus")
|
|
7165
|
-
}
|
|
7166
|
-
},
|
|
7167
|
-
emits: [
|
|
7168
|
-
"show",
|
|
7169
|
-
"hide",
|
|
7170
|
-
"update:shown",
|
|
7171
|
-
"apply-show",
|
|
7172
|
-
"apply-hide",
|
|
7173
|
-
"close-group",
|
|
7174
|
-
"close-directive",
|
|
7175
|
-
"auto-hide",
|
|
7176
|
-
"resize",
|
|
7177
|
-
"dispose"
|
|
7178
|
-
],
|
|
7179
|
-
data() {
|
|
7180
|
-
return {
|
|
7181
|
-
isShown: false,
|
|
7182
|
-
isMounted: false,
|
|
7183
|
-
skipTransition: false,
|
|
7184
|
-
classes: {
|
|
7185
|
-
showFrom: false,
|
|
7186
|
-
showTo: false,
|
|
7187
|
-
hideFrom: false,
|
|
7188
|
-
hideTo: true
|
|
7189
|
-
},
|
|
7190
|
-
result: {
|
|
7191
|
-
x: 0,
|
|
7192
|
-
y: 0,
|
|
7193
|
-
placement: "",
|
|
7194
|
-
strategy: this.strategy,
|
|
7195
|
-
arrow: {
|
|
7196
|
-
x: 0,
|
|
7197
|
-
y: 0,
|
|
7198
|
-
centerOffset: 0
|
|
7199
|
-
},
|
|
7200
|
-
transformOrigin: null
|
|
7201
|
-
},
|
|
7202
|
-
shownChildren: new Set(),
|
|
7203
|
-
lastAutoHide: true
|
|
7204
|
-
};
|
|
7205
|
-
},
|
|
7206
|
-
computed: {
|
|
7207
|
-
popperId() {
|
|
7208
|
-
return this.ariaId != null ? this.ariaId : this.randomId;
|
|
7209
|
-
},
|
|
7210
|
-
shouldMountContent() {
|
|
7211
|
-
return this.eagerMount || this.isMounted;
|
|
7212
|
-
},
|
|
7213
|
-
slotData() {
|
|
7214
|
-
return {
|
|
7215
|
-
popperId: this.popperId,
|
|
7216
|
-
isShown: this.isShown,
|
|
7217
|
-
shouldMountContent: this.shouldMountContent,
|
|
7218
|
-
skipTransition: this.skipTransition,
|
|
7219
|
-
autoHide: typeof this.autoHide === "function" ? this.lastAutoHide : this.autoHide,
|
|
7220
|
-
show: this.show,
|
|
7221
|
-
hide: this.hide,
|
|
7222
|
-
handleResize: this.handleResize,
|
|
7223
|
-
onResize: this.onResize,
|
|
7224
|
-
classes: __spreadProps(__spreadValues({}, this.classes), {
|
|
7225
|
-
popperClass: this.popperClass
|
|
7226
|
-
}),
|
|
7227
|
-
result: this.positioningDisabled ? null : this.result,
|
|
7228
|
-
attrs: this.$attrs
|
|
7229
|
-
};
|
|
7230
|
-
},
|
|
7231
|
-
parentPopper() {
|
|
7232
|
-
var _a;
|
|
7233
|
-
return (_a = this[PROVIDE_KEY]) == null ? void 0 : _a.parentPopper;
|
|
7234
|
-
},
|
|
7235
|
-
hasPopperShowTriggerHover() {
|
|
7236
|
-
var _a, _b;
|
|
7237
|
-
return ((_a = this.popperTriggers) == null ? void 0 : _a.includes("hover")) || ((_b = this.popperShowTriggers) == null ? void 0 : _b.includes("hover"));
|
|
7238
|
-
}
|
|
7239
|
-
},
|
|
7240
|
-
watch: __spreadValues(__spreadValues({
|
|
7241
|
-
shown: "$_autoShowHide",
|
|
7242
|
-
disabled(value) {
|
|
7243
|
-
if (value) {
|
|
7244
|
-
this.dispose();
|
|
7245
|
-
} else {
|
|
7246
|
-
this.init();
|
|
7247
|
-
}
|
|
7248
|
-
},
|
|
7249
|
-
async container() {
|
|
7250
|
-
if (this.isShown) {
|
|
7251
|
-
this.$_ensureTeleport();
|
|
7252
|
-
await this.$_computePosition();
|
|
7253
|
-
}
|
|
7254
|
-
}
|
|
7255
|
-
}, [
|
|
7256
|
-
"triggers",
|
|
7257
|
-
"positioningDisabled"
|
|
7258
|
-
].reduce((acc, prop) => {
|
|
7259
|
-
acc[prop] = "$_refreshListeners";
|
|
7260
|
-
return acc;
|
|
7261
|
-
}, {})), [
|
|
7262
|
-
"placement",
|
|
7263
|
-
"distance",
|
|
7264
|
-
"skidding",
|
|
7265
|
-
"boundary",
|
|
7266
|
-
"strategy",
|
|
7267
|
-
"overflowPadding",
|
|
7268
|
-
"arrowPadding",
|
|
7269
|
-
"preventOverflow",
|
|
7270
|
-
"shift",
|
|
7271
|
-
"shiftCrossAxis",
|
|
7272
|
-
"flip"
|
|
7273
|
-
].reduce((acc, prop) => {
|
|
7274
|
-
acc[prop] = "$_computePosition";
|
|
7275
|
-
return acc;
|
|
7276
|
-
}, {})),
|
|
7277
|
-
created() {
|
|
7278
|
-
this.$_isDisposed = true;
|
|
7279
|
-
this.randomId = `popper_${[Math.random(), Date.now()].map((n) => n.toString(36).substring(2, 10)).join("_")}`;
|
|
7280
|
-
if (this.autoMinSize) {
|
|
7281
|
-
console.warn('[floating-vue] `autoMinSize` option is deprecated. Use `autoSize="min"` instead.');
|
|
7282
|
-
}
|
|
7283
|
-
if (this.autoMaxSize) {
|
|
7284
|
-
console.warn("[floating-vue] `autoMaxSize` option is deprecated. Use `autoBoundaryMaxSize` instead.");
|
|
7285
|
-
}
|
|
7286
|
-
},
|
|
7287
|
-
mounted() {
|
|
7288
|
-
this.init();
|
|
7289
|
-
this.$_detachPopperNode();
|
|
7290
|
-
},
|
|
7291
|
-
activated() {
|
|
7292
|
-
this.$_autoShowHide();
|
|
7293
|
-
},
|
|
7294
|
-
deactivated() {
|
|
7295
|
-
this.hide();
|
|
7296
|
-
},
|
|
7297
|
-
beforeUnmount() {
|
|
7298
|
-
this.dispose();
|
|
7299
|
-
},
|
|
7300
|
-
methods: {
|
|
7301
|
-
show({ event = null, skipDelay = false, force = false } = {}) {
|
|
7302
|
-
var _a, _b;
|
|
7303
|
-
if (((_a = this.parentPopper) == null ? void 0 : _a.lockedChild) && this.parentPopper.lockedChild !== this)
|
|
7304
|
-
return;
|
|
7305
|
-
this.$_pendingHide = false;
|
|
7306
|
-
if (force || !this.disabled) {
|
|
7307
|
-
if (((_b = this.parentPopper) == null ? void 0 : _b.lockedChild) === this) {
|
|
7308
|
-
this.parentPopper.lockedChild = null;
|
|
7309
|
-
}
|
|
7310
|
-
this.$_scheduleShow(event, skipDelay);
|
|
7311
|
-
this.$emit("show");
|
|
7312
|
-
this.$_showFrameLocked = true;
|
|
7313
|
-
requestAnimationFrame(() => {
|
|
7314
|
-
this.$_showFrameLocked = false;
|
|
7315
|
-
});
|
|
7316
|
-
}
|
|
7317
|
-
this.$emit("update:shown", true);
|
|
7318
|
-
},
|
|
7319
|
-
hide({ event = null, skipDelay = false } = {}) {
|
|
7320
|
-
var _a;
|
|
7321
|
-
if (this.$_hideInProgress)
|
|
7322
|
-
return;
|
|
7323
|
-
if (this.shownChildren.size > 0) {
|
|
7324
|
-
this.$_pendingHide = true;
|
|
7325
|
-
return;
|
|
7326
|
-
}
|
|
7327
|
-
if (this.hasPopperShowTriggerHover && this.$_isAimingPopper()) {
|
|
7328
|
-
if (this.parentPopper) {
|
|
7329
|
-
this.parentPopper.lockedChild = this;
|
|
7330
|
-
clearTimeout(this.parentPopper.lockedChildTimer);
|
|
7331
|
-
this.parentPopper.lockedChildTimer = setTimeout(() => {
|
|
7332
|
-
if (this.parentPopper.lockedChild === this) {
|
|
7333
|
-
this.parentPopper.lockedChild.hide({ skipDelay });
|
|
7334
|
-
this.parentPopper.lockedChild = null;
|
|
7335
|
-
}
|
|
7336
|
-
}, 1e3);
|
|
7337
|
-
}
|
|
7338
|
-
return;
|
|
7339
|
-
}
|
|
7340
|
-
if (((_a = this.parentPopper) == null ? void 0 : _a.lockedChild) === this) {
|
|
7341
|
-
this.parentPopper.lockedChild = null;
|
|
7342
|
-
}
|
|
7343
|
-
this.$_pendingHide = false;
|
|
7344
|
-
this.$_scheduleHide(event, skipDelay);
|
|
7345
|
-
this.$emit("hide");
|
|
7346
|
-
this.$emit("update:shown", false);
|
|
7347
|
-
},
|
|
7348
|
-
init() {
|
|
7349
|
-
var _a, _b;
|
|
7350
|
-
if (!this.$_isDisposed)
|
|
7351
|
-
return;
|
|
7352
|
-
this.$_isDisposed = false;
|
|
7353
|
-
this.isMounted = false;
|
|
7354
|
-
this.$_events = [];
|
|
7355
|
-
this.$_preventShow = false;
|
|
7356
|
-
this.$_referenceNode = (_b = (_a = this.referenceNode) == null ? void 0 : _a.call(this)) != null ? _b : this.$el;
|
|
7357
|
-
this.$_targetNodes = this.targetNodes().filter((e) => e.nodeType === e.ELEMENT_NODE);
|
|
7358
|
-
this.$_popperNode = this.popperNode();
|
|
7359
|
-
this.$_innerNode = this.$_popperNode.querySelector(".v-popper__inner");
|
|
7360
|
-
this.$_arrowNode = this.$_popperNode.querySelector(".v-popper__arrow-container");
|
|
7361
|
-
this.$_swapTargetAttrs("title", "data-original-title");
|
|
7362
|
-
this.$_detachPopperNode();
|
|
7363
|
-
if (this.triggers.length) {
|
|
7364
|
-
this.$_addEventListeners();
|
|
7365
|
-
}
|
|
7366
|
-
if (this.shown) {
|
|
7367
|
-
this.show();
|
|
7368
|
-
}
|
|
7369
|
-
},
|
|
7370
|
-
dispose() {
|
|
7371
|
-
if (this.$_isDisposed)
|
|
7372
|
-
return;
|
|
7373
|
-
this.$_isDisposed = true;
|
|
7374
|
-
this.$_removeEventListeners();
|
|
7375
|
-
this.hide({ skipDelay: true });
|
|
7376
|
-
this.$_detachPopperNode();
|
|
7377
|
-
this.isMounted = false;
|
|
7378
|
-
this.isShown = false;
|
|
7379
|
-
this.$_updateParentShownChildren(false);
|
|
7380
|
-
this.$_swapTargetAttrs("data-original-title", "title");
|
|
7381
|
-
this.$emit("dispose");
|
|
7382
|
-
},
|
|
7383
|
-
async onResize() {
|
|
7384
|
-
if (this.isShown) {
|
|
7385
|
-
await this.$_computePosition();
|
|
7386
|
-
this.$emit("resize");
|
|
7387
|
-
}
|
|
7388
|
-
},
|
|
7389
|
-
async $_computePosition() {
|
|
7390
|
-
var _a;
|
|
7391
|
-
if (this.$_isDisposed || this.positioningDisabled)
|
|
7392
|
-
return;
|
|
7393
|
-
const options2 = {
|
|
7394
|
-
strategy: this.strategy,
|
|
7395
|
-
middleware: []
|
|
7396
|
-
};
|
|
7397
|
-
if (this.distance || this.skidding) {
|
|
7398
|
-
options2.middleware.push(offset({
|
|
7399
|
-
mainAxis: this.distance,
|
|
7400
|
-
crossAxis: this.skidding
|
|
7401
|
-
}));
|
|
7402
|
-
}
|
|
7403
|
-
const isPlacementAuto = this.placement.startsWith("auto");
|
|
7404
|
-
if (isPlacementAuto) {
|
|
7405
|
-
options2.middleware.push(autoPlacement({
|
|
7406
|
-
alignment: (_a = this.placement.split("-")[1]) != null ? _a : ""
|
|
7407
|
-
}));
|
|
7408
|
-
} else {
|
|
7409
|
-
options2.placement = this.placement;
|
|
7410
|
-
}
|
|
7411
|
-
if (this.preventOverflow) {
|
|
7412
|
-
if (this.shift) {
|
|
7413
|
-
options2.middleware.push(shift({
|
|
7414
|
-
padding: this.overflowPadding,
|
|
7415
|
-
boundary: this.boundary,
|
|
7416
|
-
crossAxis: this.shiftCrossAxis
|
|
7417
|
-
}));
|
|
7418
|
-
}
|
|
7419
|
-
if (!isPlacementAuto && this.flip) {
|
|
7420
|
-
options2.middleware.push(flip({
|
|
7421
|
-
padding: this.overflowPadding,
|
|
7422
|
-
boundary: this.boundary
|
|
7423
|
-
}));
|
|
7424
|
-
}
|
|
7425
|
-
}
|
|
7426
|
-
options2.middleware.push(arrow({
|
|
7427
|
-
element: this.$_arrowNode,
|
|
7428
|
-
padding: this.arrowPadding
|
|
7429
|
-
}));
|
|
7430
|
-
if (this.arrowOverflow) {
|
|
7431
|
-
options2.middleware.push({
|
|
7432
|
-
name: "arrowOverflow",
|
|
7433
|
-
fn: ({ placement, rects, middlewareData }) => {
|
|
7434
|
-
let overflow;
|
|
7435
|
-
const { centerOffset } = middlewareData.arrow;
|
|
7436
|
-
if (placement.startsWith("top") || placement.startsWith("bottom")) {
|
|
7437
|
-
overflow = Math.abs(centerOffset) > rects.reference.width / 2;
|
|
7438
|
-
} else {
|
|
7439
|
-
overflow = Math.abs(centerOffset) > rects.reference.height / 2;
|
|
7440
|
-
}
|
|
7441
|
-
return {
|
|
7442
|
-
data: {
|
|
7443
|
-
overflow
|
|
7444
|
-
}
|
|
7445
|
-
};
|
|
7446
|
-
}
|
|
7447
|
-
});
|
|
7448
|
-
}
|
|
7449
|
-
if (this.autoMinSize || this.autoSize) {
|
|
7450
|
-
const autoSize = this.autoSize ? this.autoSize : this.autoMinSize ? "min" : null;
|
|
7451
|
-
options2.middleware.push({
|
|
7452
|
-
name: "autoSize",
|
|
7453
|
-
fn: ({ rects, placement, middlewareData }) => {
|
|
7454
|
-
var _a2;
|
|
7455
|
-
if ((_a2 = middlewareData.autoSize) == null ? void 0 : _a2.skip) {
|
|
7456
|
-
return {};
|
|
7457
|
-
}
|
|
7458
|
-
let width;
|
|
7459
|
-
let height;
|
|
7460
|
-
if (placement.startsWith("top") || placement.startsWith("bottom")) {
|
|
7461
|
-
width = rects.reference.width;
|
|
7462
|
-
} else {
|
|
7463
|
-
height = rects.reference.height;
|
|
7464
|
-
}
|
|
7465
|
-
this.$_innerNode.style[autoSize === "min" ? "minWidth" : autoSize === "max" ? "maxWidth" : "width"] = width != null ? `${width}px` : null;
|
|
7466
|
-
this.$_innerNode.style[autoSize === "min" ? "minHeight" : autoSize === "max" ? "maxHeight" : "height"] = height != null ? `${height}px` : null;
|
|
7467
|
-
return {
|
|
7468
|
-
data: {
|
|
7469
|
-
skip: true
|
|
7470
|
-
},
|
|
7471
|
-
reset: {
|
|
7472
|
-
rects: true
|
|
7473
|
-
}
|
|
7474
|
-
};
|
|
7475
|
-
}
|
|
7476
|
-
});
|
|
7477
|
-
}
|
|
7478
|
-
if (this.autoMaxSize || this.autoBoundaryMaxSize) {
|
|
7479
|
-
this.$_innerNode.style.maxWidth = null;
|
|
7480
|
-
this.$_innerNode.style.maxHeight = null;
|
|
7481
|
-
options2.middleware.push(size({
|
|
7482
|
-
boundary: this.boundary,
|
|
7483
|
-
padding: this.overflowPadding,
|
|
7484
|
-
apply: ({ width, height }) => {
|
|
7485
|
-
this.$_innerNode.style.maxWidth = width != null ? `${width}px` : null;
|
|
7486
|
-
this.$_innerNode.style.maxHeight = height != null ? `${height}px` : null;
|
|
7487
|
-
}
|
|
7488
|
-
}));
|
|
7489
|
-
}
|
|
7490
|
-
const data = await floating_ui_dom_esm_computePosition(this.$_referenceNode, this.$_popperNode, options2);
|
|
7491
|
-
Object.assign(this.result, {
|
|
7492
|
-
x: data.x,
|
|
7493
|
-
y: data.y,
|
|
7494
|
-
placement: data.placement,
|
|
7495
|
-
strategy: data.strategy,
|
|
7496
|
-
arrow: __spreadValues(__spreadValues({}, data.middlewareData.arrow), data.middlewareData.arrowOverflow)
|
|
7497
|
-
});
|
|
7498
|
-
},
|
|
7499
|
-
$_scheduleShow(event = null, skipDelay = false) {
|
|
7500
|
-
this.$_updateParentShownChildren(true);
|
|
7501
|
-
this.$_hideInProgress = false;
|
|
7502
|
-
clearTimeout(this.$_scheduleTimer);
|
|
7503
|
-
if (hidingPopper && this.instantMove && hidingPopper.instantMove && hidingPopper !== this.parentPopper) {
|
|
7504
|
-
hidingPopper.$_applyHide(true);
|
|
7505
|
-
this.$_applyShow(true);
|
|
7506
|
-
return;
|
|
7507
|
-
}
|
|
7508
|
-
if (skipDelay) {
|
|
7509
|
-
this.$_applyShow();
|
|
7510
|
-
} else {
|
|
7511
|
-
this.$_scheduleTimer = setTimeout(this.$_applyShow.bind(this), this.$_computeDelay("show"));
|
|
7512
|
-
}
|
|
7513
|
-
},
|
|
7514
|
-
$_scheduleHide(event = null, skipDelay = false) {
|
|
7515
|
-
if (this.shownChildren.size > 0) {
|
|
7516
|
-
this.$_pendingHide = true;
|
|
7517
|
-
return;
|
|
7518
|
-
}
|
|
7519
|
-
this.$_updateParentShownChildren(false);
|
|
7520
|
-
this.$_hideInProgress = true;
|
|
7521
|
-
clearTimeout(this.$_scheduleTimer);
|
|
7522
|
-
if (this.isShown) {
|
|
7523
|
-
hidingPopper = this;
|
|
7524
|
-
}
|
|
7525
|
-
if (skipDelay) {
|
|
7526
|
-
this.$_applyHide();
|
|
7527
|
-
} else {
|
|
7528
|
-
this.$_scheduleTimer = setTimeout(this.$_applyHide.bind(this), this.$_computeDelay("hide"));
|
|
7529
|
-
}
|
|
7530
|
-
},
|
|
7531
|
-
$_computeDelay(type) {
|
|
7532
|
-
const delay = this.delay;
|
|
7533
|
-
return parseInt(delay && delay[type] || delay || 0);
|
|
7534
|
-
},
|
|
7535
|
-
async $_applyShow(skipTransition = false) {
|
|
7536
|
-
clearTimeout(this.$_disposeTimer);
|
|
7537
|
-
clearTimeout(this.$_scheduleTimer);
|
|
7538
|
-
this.skipTransition = skipTransition;
|
|
7539
|
-
if (this.isShown) {
|
|
7540
|
-
return;
|
|
7541
|
-
}
|
|
7542
|
-
this.$_ensureTeleport();
|
|
7543
|
-
await nextFrame();
|
|
7544
|
-
await this.$_computePosition();
|
|
7545
|
-
await this.$_applyShowEffect();
|
|
7546
|
-
if (!this.positioningDisabled) {
|
|
7547
|
-
this.$_registerEventListeners([
|
|
7548
|
-
...getScrollParents(this.$_referenceNode),
|
|
7549
|
-
...getScrollParents(this.$_popperNode)
|
|
7550
|
-
], "scroll", () => {
|
|
7551
|
-
this.$_computePosition();
|
|
7552
|
-
});
|
|
7553
|
-
}
|
|
7554
|
-
},
|
|
7555
|
-
async $_applyShowEffect() {
|
|
7556
|
-
if (this.$_hideInProgress)
|
|
7557
|
-
return;
|
|
7558
|
-
if (this.computeTransformOrigin) {
|
|
7559
|
-
const bounds = this.$_referenceNode.getBoundingClientRect();
|
|
7560
|
-
const popperWrapper = this.$_popperNode.querySelector(".v-popper__wrapper");
|
|
7561
|
-
const parentBounds = popperWrapper.parentNode.getBoundingClientRect();
|
|
7562
|
-
const x = bounds.x + bounds.width / 2 - (parentBounds.left + popperWrapper.offsetLeft);
|
|
7563
|
-
const y = bounds.y + bounds.height / 2 - (parentBounds.top + popperWrapper.offsetTop);
|
|
7564
|
-
this.result.transformOrigin = `${x}px ${y}px`;
|
|
7565
|
-
}
|
|
7566
|
-
this.isShown = true;
|
|
7567
|
-
this.$_applyAttrsToTarget({
|
|
7568
|
-
"aria-describedby": this.popperId,
|
|
7569
|
-
"data-popper-shown": ""
|
|
7570
|
-
});
|
|
7571
|
-
const showGroup = this.showGroup;
|
|
7572
|
-
if (showGroup) {
|
|
7573
|
-
let popover;
|
|
7574
|
-
for (let i = 0; i < shownPoppers.length; i++) {
|
|
7575
|
-
popover = shownPoppers[i];
|
|
7576
|
-
if (popover.showGroup !== showGroup) {
|
|
7577
|
-
popover.hide();
|
|
7578
|
-
popover.$emit("close-group");
|
|
7579
|
-
}
|
|
7580
|
-
}
|
|
7581
|
-
}
|
|
7582
|
-
shownPoppers.push(this);
|
|
7583
|
-
document.body.classList.add("v-popper--some-open");
|
|
7584
|
-
for (const theme of getAllParentThemes(this.theme)) {
|
|
7585
|
-
getShownPoppersByTheme(theme).push(this);
|
|
7586
|
-
document.body.classList.add(`v-popper--some-open--${theme}`);
|
|
7587
|
-
}
|
|
7588
|
-
this.$emit("apply-show");
|
|
7589
|
-
this.classes.showFrom = true;
|
|
7590
|
-
this.classes.showTo = false;
|
|
7591
|
-
this.classes.hideFrom = false;
|
|
7592
|
-
this.classes.hideTo = false;
|
|
7593
|
-
await nextFrame();
|
|
7594
|
-
this.classes.showFrom = false;
|
|
7595
|
-
this.classes.showTo = true;
|
|
7596
|
-
if (!this.noAutoFocus)
|
|
7597
|
-
this.$_popperNode.focus();
|
|
7598
|
-
},
|
|
7599
|
-
async $_applyHide(skipTransition = false) {
|
|
7600
|
-
if (this.shownChildren.size > 0) {
|
|
7601
|
-
this.$_pendingHide = true;
|
|
7602
|
-
this.$_hideInProgress = false;
|
|
7603
|
-
return;
|
|
7604
|
-
}
|
|
7605
|
-
clearTimeout(this.$_scheduleTimer);
|
|
7606
|
-
if (!this.isShown) {
|
|
7607
|
-
return;
|
|
7608
|
-
}
|
|
7609
|
-
this.skipTransition = skipTransition;
|
|
7610
|
-
removeFromArray(shownPoppers, this);
|
|
7611
|
-
if (shownPoppers.length === 0) {
|
|
7612
|
-
document.body.classList.remove("v-popper--some-open");
|
|
7613
|
-
}
|
|
7614
|
-
for (const theme of getAllParentThemes(this.theme)) {
|
|
7615
|
-
const list = getShownPoppersByTheme(theme);
|
|
7616
|
-
removeFromArray(list, this);
|
|
7617
|
-
if (list.length === 0) {
|
|
7618
|
-
document.body.classList.remove(`v-popper--some-open--${theme}`);
|
|
7619
|
-
}
|
|
7620
|
-
}
|
|
7621
|
-
if (hidingPopper === this) {
|
|
7622
|
-
hidingPopper = null;
|
|
7623
|
-
}
|
|
7624
|
-
this.isShown = false;
|
|
7625
|
-
this.$_applyAttrsToTarget({
|
|
7626
|
-
"aria-describedby": void 0,
|
|
7627
|
-
"data-popper-shown": void 0
|
|
7628
|
-
});
|
|
7629
|
-
clearTimeout(this.$_disposeTimer);
|
|
7630
|
-
const disposeTime = getDefaultConfig(this.theme, "disposeTimeout");
|
|
7631
|
-
if (disposeTime !== null) {
|
|
7632
|
-
this.$_disposeTimer = setTimeout(() => {
|
|
7633
|
-
if (this.$_popperNode) {
|
|
7634
|
-
this.$_detachPopperNode();
|
|
7635
|
-
this.isMounted = false;
|
|
7636
|
-
}
|
|
7637
|
-
}, disposeTime);
|
|
7638
|
-
}
|
|
7639
|
-
this.$_removeEventListeners("scroll");
|
|
7640
|
-
this.$emit("apply-hide");
|
|
7641
|
-
this.classes.showFrom = false;
|
|
7642
|
-
this.classes.showTo = false;
|
|
7643
|
-
this.classes.hideFrom = true;
|
|
7644
|
-
this.classes.hideTo = false;
|
|
7645
|
-
await nextFrame();
|
|
7646
|
-
this.classes.hideFrom = false;
|
|
7647
|
-
this.classes.hideTo = true;
|
|
7648
|
-
},
|
|
7649
|
-
$_autoShowHide() {
|
|
7650
|
-
if (this.shown) {
|
|
7651
|
-
this.show();
|
|
7652
|
-
} else {
|
|
7653
|
-
this.hide();
|
|
7654
|
-
}
|
|
7655
|
-
},
|
|
7656
|
-
$_ensureTeleport() {
|
|
7657
|
-
if (this.$_isDisposed)
|
|
7658
|
-
return;
|
|
7659
|
-
let container = this.container;
|
|
7660
|
-
if (typeof container === "string") {
|
|
7661
|
-
container = window.document.querySelector(container);
|
|
7662
|
-
} else if (container === false) {
|
|
7663
|
-
container = this.$_targetNodes[0].parentNode;
|
|
7664
|
-
}
|
|
7665
|
-
if (!container) {
|
|
7666
|
-
throw new Error("No container for popover: " + this.container);
|
|
7667
|
-
}
|
|
7668
|
-
container.appendChild(this.$_popperNode);
|
|
7669
|
-
this.isMounted = true;
|
|
7670
|
-
},
|
|
7671
|
-
$_addEventListeners() {
|
|
7672
|
-
const handleShow = (event) => {
|
|
7673
|
-
if (this.isShown && !this.$_hideInProgress) {
|
|
7674
|
-
return;
|
|
7675
|
-
}
|
|
7676
|
-
event.usedByTooltip = true;
|
|
7677
|
-
!this.$_preventShow && this.show({ event });
|
|
7678
|
-
};
|
|
7679
|
-
this.$_registerTriggerListeners(this.$_targetNodes, SHOW_EVENT_MAP, this.triggers, this.showTriggers, handleShow);
|
|
7680
|
-
this.$_registerTriggerListeners([this.$_popperNode], SHOW_EVENT_MAP, this.popperTriggers, this.popperShowTriggers, handleShow);
|
|
7681
|
-
const handleHide = (event) => {
|
|
7682
|
-
if (event.usedByTooltip) {
|
|
7683
|
-
return;
|
|
7684
|
-
}
|
|
7685
|
-
this.hide({ event });
|
|
7686
|
-
};
|
|
7687
|
-
this.$_registerTriggerListeners(this.$_targetNodes, HIDE_EVENT_MAP, this.triggers, this.hideTriggers, handleHide);
|
|
7688
|
-
this.$_registerTriggerListeners([this.$_popperNode], HIDE_EVENT_MAP, this.popperTriggers, this.popperHideTriggers, handleHide);
|
|
7689
|
-
},
|
|
7690
|
-
$_registerEventListeners(targetNodes, eventType, handler) {
|
|
7691
|
-
this.$_events.push({ targetNodes, eventType, handler });
|
|
7692
|
-
targetNodes.forEach((node) => node.addEventListener(eventType, handler, supportsPassive ? {
|
|
7693
|
-
passive: true
|
|
7694
|
-
} : void 0));
|
|
7695
|
-
},
|
|
7696
|
-
$_registerTriggerListeners(targetNodes, eventMap, commonTriggers, customTrigger, handler) {
|
|
7697
|
-
let triggers = commonTriggers;
|
|
7698
|
-
if (customTrigger != null) {
|
|
7699
|
-
triggers = typeof customTrigger === "function" ? customTrigger(triggers) : customTrigger;
|
|
7700
|
-
}
|
|
7701
|
-
triggers.forEach((trigger) => {
|
|
7702
|
-
const eventType = eventMap[trigger];
|
|
7703
|
-
if (eventType) {
|
|
7704
|
-
this.$_registerEventListeners(targetNodes, eventType, handler);
|
|
7705
|
-
}
|
|
7706
|
-
});
|
|
7707
|
-
},
|
|
7708
|
-
$_removeEventListeners(filterEventType) {
|
|
7709
|
-
const newList = [];
|
|
7710
|
-
this.$_events.forEach((listener) => {
|
|
7711
|
-
const { targetNodes, eventType, handler } = listener;
|
|
7712
|
-
if (!filterEventType || filterEventType === eventType) {
|
|
7713
|
-
targetNodes.forEach((node) => node.removeEventListener(eventType, handler));
|
|
7714
|
-
} else {
|
|
7715
|
-
newList.push(listener);
|
|
7716
|
-
}
|
|
7717
|
-
});
|
|
7718
|
-
this.$_events = newList;
|
|
7719
|
-
},
|
|
7720
|
-
$_refreshListeners() {
|
|
7721
|
-
if (!this.$_isDisposed) {
|
|
7722
|
-
this.$_removeEventListeners();
|
|
7723
|
-
this.$_addEventListeners();
|
|
7724
|
-
}
|
|
7725
|
-
},
|
|
7726
|
-
$_handleGlobalClose(event, touch = false) {
|
|
7727
|
-
if (this.$_showFrameLocked)
|
|
7728
|
-
return;
|
|
7729
|
-
this.hide({ event });
|
|
7730
|
-
if (event.closePopover) {
|
|
7731
|
-
this.$emit("close-directive");
|
|
7732
|
-
} else {
|
|
7733
|
-
this.$emit("auto-hide");
|
|
7734
|
-
}
|
|
7735
|
-
if (touch) {
|
|
7736
|
-
this.$_preventShow = true;
|
|
7737
|
-
setTimeout(() => {
|
|
7738
|
-
this.$_preventShow = false;
|
|
7739
|
-
}, 300);
|
|
7740
|
-
}
|
|
7741
|
-
},
|
|
7742
|
-
$_detachPopperNode() {
|
|
7743
|
-
this.$_popperNode.parentNode && this.$_popperNode.parentNode.removeChild(this.$_popperNode);
|
|
7744
|
-
},
|
|
7745
|
-
$_swapTargetAttrs(attrFrom, attrTo) {
|
|
7746
|
-
for (const el of this.$_targetNodes) {
|
|
7747
|
-
const value = el.getAttribute(attrFrom);
|
|
7748
|
-
if (value) {
|
|
7749
|
-
el.removeAttribute(attrFrom);
|
|
7750
|
-
el.setAttribute(attrTo, value);
|
|
7751
|
-
}
|
|
7752
|
-
}
|
|
7753
|
-
},
|
|
7754
|
-
$_applyAttrsToTarget(attrs) {
|
|
7755
|
-
for (const el of this.$_targetNodes) {
|
|
7756
|
-
for (const n in attrs) {
|
|
7757
|
-
const value = attrs[n];
|
|
7758
|
-
if (value == null) {
|
|
7759
|
-
el.removeAttribute(n);
|
|
7760
|
-
} else {
|
|
7761
|
-
el.setAttribute(n, value);
|
|
7762
|
-
}
|
|
7763
|
-
}
|
|
7764
|
-
}
|
|
7765
|
-
},
|
|
7766
|
-
$_updateParentShownChildren(value) {
|
|
7767
|
-
let parent = this.parentPopper;
|
|
7768
|
-
while (parent) {
|
|
7769
|
-
if (value) {
|
|
7770
|
-
parent.shownChildren.add(this.randomId);
|
|
7771
|
-
} else {
|
|
7772
|
-
parent.shownChildren.delete(this.randomId);
|
|
7773
|
-
if (parent.$_pendingHide) {
|
|
7774
|
-
parent.hide();
|
|
7775
|
-
}
|
|
7776
|
-
}
|
|
7777
|
-
parent = parent.parentPopper;
|
|
7778
|
-
}
|
|
7779
|
-
},
|
|
7780
|
-
$_isAimingPopper() {
|
|
7781
|
-
const referenceBounds = this.$_referenceNode.getBoundingClientRect();
|
|
7782
|
-
if (mouseX >= referenceBounds.left && mouseX <= referenceBounds.right && mouseY >= referenceBounds.top && mouseY <= referenceBounds.bottom) {
|
|
7783
|
-
const popperBounds = this.$_popperNode.getBoundingClientRect();
|
|
7784
|
-
const vectorX = mouseX - mousePreviousX;
|
|
7785
|
-
const vectorY = mouseY - mousePreviousY;
|
|
7786
|
-
const distance = popperBounds.left + popperBounds.width / 2 - mousePreviousX + (popperBounds.top + popperBounds.height / 2) - mousePreviousY;
|
|
7787
|
-
const newVectorLength = distance + popperBounds.width + popperBounds.height;
|
|
7788
|
-
const edgeX = mousePreviousX + vectorX * newVectorLength;
|
|
7789
|
-
const edgeY = mousePreviousY + vectorY * newVectorLength;
|
|
7790
|
-
return lineIntersectsLine(mousePreviousX, mousePreviousY, edgeX, edgeY, popperBounds.left, popperBounds.top, popperBounds.left, popperBounds.bottom) || lineIntersectsLine(mousePreviousX, mousePreviousY, edgeX, edgeY, popperBounds.left, popperBounds.top, popperBounds.right, popperBounds.top) || lineIntersectsLine(mousePreviousX, mousePreviousY, edgeX, edgeY, popperBounds.right, popperBounds.top, popperBounds.right, popperBounds.bottom) || lineIntersectsLine(mousePreviousX, mousePreviousY, edgeX, edgeY, popperBounds.left, popperBounds.bottom, popperBounds.right, popperBounds.bottom);
|
|
7791
|
-
}
|
|
7792
|
-
return false;
|
|
7793
|
-
}
|
|
7794
|
-
},
|
|
7795
|
-
render() {
|
|
7796
|
-
return this.$slots.default(this.slotData);
|
|
7797
|
-
}
|
|
7798
|
-
});
|
|
7799
|
-
if (typeof document !== "undefined" && typeof window !== "undefined") {
|
|
7800
|
-
if (isIOS) {
|
|
7801
|
-
document.addEventListener("touchstart", handleGlobalMousedown, supportsPassive ? {
|
|
7802
|
-
passive: true,
|
|
7803
|
-
capture: true
|
|
7804
|
-
} : true);
|
|
7805
|
-
document.addEventListener("touchend", handleGlobalTouchend, supportsPassive ? {
|
|
7806
|
-
passive: true,
|
|
7807
|
-
capture: true
|
|
7808
|
-
} : true);
|
|
7809
|
-
} else {
|
|
7810
|
-
window.addEventListener("mousedown", handleGlobalMousedown, true);
|
|
7811
|
-
window.addEventListener("click", handleGlobalClick, true);
|
|
7812
|
-
}
|
|
7813
|
-
window.addEventListener("resize", computePositionAllShownPoppers);
|
|
7814
|
-
}
|
|
7815
|
-
function handleGlobalMousedown(event) {
|
|
7816
|
-
for (let i = 0; i < shownPoppers.length; i++) {
|
|
7817
|
-
const popper = shownPoppers[i];
|
|
7818
|
-
try {
|
|
7819
|
-
const popperContent = popper.popperNode();
|
|
7820
|
-
popper.$_mouseDownContains = popperContent.contains(event.target);
|
|
7821
|
-
} catch (e) {
|
|
7822
|
-
}
|
|
7823
|
-
}
|
|
7824
|
-
}
|
|
7825
|
-
function handleGlobalClick(event) {
|
|
7826
|
-
handleGlobalClose(event);
|
|
7827
|
-
}
|
|
7828
|
-
function handleGlobalTouchend(event) {
|
|
7829
|
-
handleGlobalClose(event, true);
|
|
7830
|
-
}
|
|
7831
|
-
function handleGlobalClose(event, touch = false) {
|
|
7832
|
-
const preventClose = {};
|
|
7833
|
-
for (let i = shownPoppers.length - 1; i >= 0; i--) {
|
|
7834
|
-
const popper = shownPoppers[i];
|
|
7835
|
-
try {
|
|
7836
|
-
const contains = popper.$_containsGlobalTarget = isContainingEventTarget(popper, event);
|
|
7837
|
-
popper.$_pendingHide = false;
|
|
7838
|
-
requestAnimationFrame(() => {
|
|
7839
|
-
popper.$_pendingHide = false;
|
|
7840
|
-
if (preventClose[popper.randomId])
|
|
7841
|
-
return;
|
|
7842
|
-
if (shouldAutoHide(popper, contains, event)) {
|
|
7843
|
-
popper.$_handleGlobalClose(event, touch);
|
|
7844
|
-
if (!event.closeAllPopover && event.closePopover && contains) {
|
|
7845
|
-
let parent2 = popper.parentPopper;
|
|
7846
|
-
while (parent2) {
|
|
7847
|
-
preventClose[parent2.randomId] = true;
|
|
7848
|
-
parent2 = parent2.parentPopper;
|
|
7849
|
-
}
|
|
7850
|
-
return;
|
|
7851
|
-
}
|
|
7852
|
-
let parent = popper.parentPopper;
|
|
7853
|
-
while (parent) {
|
|
7854
|
-
if (shouldAutoHide(parent, parent.$_containsGlobalTarget, event)) {
|
|
7855
|
-
parent.$_handleGlobalClose(event, touch);
|
|
7856
|
-
} else {
|
|
7857
|
-
break;
|
|
7858
|
-
}
|
|
7859
|
-
parent = parent.parentPopper;
|
|
7860
|
-
}
|
|
7861
|
-
}
|
|
7862
|
-
});
|
|
7863
|
-
} catch (e) {
|
|
7864
|
-
}
|
|
7865
|
-
}
|
|
7866
|
-
}
|
|
7867
|
-
function isContainingEventTarget(popper, event) {
|
|
7868
|
-
const popperContent = popper.popperNode();
|
|
7869
|
-
return popper.$_mouseDownContains || popperContent.contains(event.target);
|
|
7870
|
-
}
|
|
7871
|
-
function shouldAutoHide(popper, contains, event) {
|
|
7872
|
-
return event.closeAllPopover || event.closePopover && contains || getAutoHideResult(popper, event) && !contains;
|
|
7873
|
-
}
|
|
7874
|
-
function getAutoHideResult(popper, event) {
|
|
7875
|
-
if (typeof popper.autoHide === "function") {
|
|
7876
|
-
const result = popper.autoHide(event);
|
|
7877
|
-
popper.lastAutoHide = result;
|
|
7878
|
-
return result;
|
|
7879
|
-
}
|
|
7880
|
-
return popper.autoHide;
|
|
7881
|
-
}
|
|
7882
|
-
function computePositionAllShownPoppers(event) {
|
|
7883
|
-
for (let i = 0; i < shownPoppers.length; i++) {
|
|
7884
|
-
const popper = shownPoppers[i];
|
|
7885
|
-
popper.$_computePosition(event);
|
|
7886
|
-
}
|
|
7887
|
-
}
|
|
7888
|
-
function hideAllPoppers() {
|
|
7889
|
-
for (let i = 0; i < shownPoppers.length; i++) {
|
|
7890
|
-
const popper = shownPoppers[i];
|
|
7891
|
-
popper.hide();
|
|
7892
|
-
}
|
|
7893
|
-
}
|
|
7894
|
-
let mousePreviousX = 0;
|
|
7895
|
-
let mousePreviousY = 0;
|
|
7896
|
-
let mouseX = 0;
|
|
7897
|
-
let mouseY = 0;
|
|
7898
|
-
if (typeof window !== "undefined") {
|
|
7899
|
-
window.addEventListener("mousemove", (event) => {
|
|
7900
|
-
mousePreviousX = mouseX;
|
|
7901
|
-
mousePreviousY = mouseY;
|
|
7902
|
-
mouseX = event.clientX;
|
|
7903
|
-
mouseY = event.clientY;
|
|
7904
|
-
}, supportsPassive ? {
|
|
7905
|
-
passive: true
|
|
7906
|
-
} : void 0);
|
|
7907
|
-
}
|
|
7908
|
-
function lineIntersectsLine(x1, y1, x2, y2, x3, y3, x4, y4) {
|
|
7909
|
-
const uA = ((x4 - x3) * (y1 - y3) - (y4 - y3) * (x1 - x3)) / ((y4 - y3) * (x2 - x1) - (x4 - x3) * (y2 - y1));
|
|
7910
|
-
const uB = ((x2 - x1) * (y1 - y3) - (y2 - y1) * (x1 - x3)) / ((y4 - y3) * (x2 - x1) - (x4 - x3) * (y2 - y1));
|
|
7911
|
-
return uA >= 0 && uA <= 1 && uB >= 0 && uB <= 1;
|
|
7912
|
-
}
|
|
7913
|
-
var _export_sfc = (sfc, props) => {
|
|
7914
|
-
const target = sfc.__vccOpts || sfc;
|
|
7915
|
-
for (const [key, val] of props) {
|
|
7916
|
-
target[key] = val;
|
|
7917
|
-
}
|
|
7918
|
-
return target;
|
|
7919
|
-
};
|
|
7920
|
-
const _sfc_main$6 = {
|
|
7921
|
-
extends: PrivatePopper()
|
|
7922
|
-
};
|
|
7923
|
-
function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
|
|
7924
|
-
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
|
|
7925
|
-
ref: "reference",
|
|
7926
|
-
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["v-popper", {
|
|
7927
|
-
"v-popper--shown": _ctx.slotData.isShown
|
|
7928
|
-
}])
|
|
7929
|
-
}, [
|
|
7930
|
-
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeProps)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.guardReactiveProps)(_ctx.slotData)))
|
|
7931
|
-
], 2);
|
|
7932
|
-
}
|
|
7933
|
-
var Popper$1 = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$3]]);
|
|
7934
|
-
function getInternetExplorerVersion() {
|
|
7935
|
-
var ua = window.navigator.userAgent;
|
|
7936
|
-
var msie = ua.indexOf("MSIE ");
|
|
7937
|
-
if (msie > 0) {
|
|
7938
|
-
return parseInt(ua.substring(msie + 5, ua.indexOf(".", msie)), 10);
|
|
7939
|
-
}
|
|
7940
|
-
var trident = ua.indexOf("Trident/");
|
|
7941
|
-
if (trident > 0) {
|
|
7942
|
-
var rv = ua.indexOf("rv:");
|
|
7943
|
-
return parseInt(ua.substring(rv + 3, ua.indexOf(".", rv)), 10);
|
|
7944
|
-
}
|
|
7945
|
-
var edge = ua.indexOf("Edge/");
|
|
7946
|
-
if (edge > 0) {
|
|
7947
|
-
return parseInt(ua.substring(edge + 5, ua.indexOf(".", edge)), 10);
|
|
7948
|
-
}
|
|
7949
|
-
return -1;
|
|
7950
|
-
}
|
|
7951
|
-
let isIE;
|
|
7952
|
-
function initCompat() {
|
|
7953
|
-
if (!initCompat.init) {
|
|
7954
|
-
initCompat.init = true;
|
|
7955
|
-
isIE = getInternetExplorerVersion() !== -1;
|
|
7956
|
-
}
|
|
7957
|
-
}
|
|
7958
|
-
var script = {
|
|
7959
|
-
name: "ResizeObserver",
|
|
7960
|
-
props: {
|
|
7961
|
-
emitOnMount: {
|
|
7962
|
-
type: Boolean,
|
|
7963
|
-
default: false
|
|
7964
|
-
},
|
|
7965
|
-
ignoreWidth: {
|
|
7966
|
-
type: Boolean,
|
|
7967
|
-
default: false
|
|
7968
|
-
},
|
|
7969
|
-
ignoreHeight: {
|
|
7970
|
-
type: Boolean,
|
|
7971
|
-
default: false
|
|
7972
|
-
}
|
|
7973
|
-
},
|
|
7974
|
-
emits: [
|
|
7975
|
-
"notify"
|
|
7976
|
-
],
|
|
7977
|
-
mounted() {
|
|
7978
|
-
initCompat();
|
|
7979
|
-
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
|
|
7980
|
-
this._w = this.$el.offsetWidth;
|
|
7981
|
-
this._h = this.$el.offsetHeight;
|
|
7982
|
-
if (this.emitOnMount) {
|
|
7983
|
-
this.emitSize();
|
|
7984
|
-
}
|
|
7985
|
-
});
|
|
7986
|
-
const object = document.createElement("object");
|
|
7987
|
-
this._resizeObject = object;
|
|
7988
|
-
object.setAttribute("aria-hidden", "true");
|
|
7989
|
-
object.setAttribute("tabindex", -1);
|
|
7990
|
-
object.onload = this.addResizeHandlers;
|
|
7991
|
-
object.type = "text/html";
|
|
7992
|
-
if (isIE) {
|
|
7993
|
-
this.$el.appendChild(object);
|
|
7994
|
-
}
|
|
7995
|
-
object.data = "about:blank";
|
|
7996
|
-
if (!isIE) {
|
|
7997
|
-
this.$el.appendChild(object);
|
|
7998
|
-
}
|
|
7999
|
-
},
|
|
8000
|
-
beforeUnmount() {
|
|
8001
|
-
this.removeResizeHandlers();
|
|
8002
|
-
},
|
|
8003
|
-
methods: {
|
|
8004
|
-
compareAndNotify() {
|
|
8005
|
-
if (!this.ignoreWidth && this._w !== this.$el.offsetWidth || !this.ignoreHeight && this._h !== this.$el.offsetHeight) {
|
|
8006
|
-
this._w = this.$el.offsetWidth;
|
|
8007
|
-
this._h = this.$el.offsetHeight;
|
|
8008
|
-
this.emitSize();
|
|
8009
|
-
}
|
|
8010
|
-
},
|
|
8011
|
-
emitSize() {
|
|
8012
|
-
this.$emit("notify", {
|
|
8013
|
-
width: this._w,
|
|
8014
|
-
height: this._h
|
|
8015
|
-
});
|
|
8016
|
-
},
|
|
8017
|
-
addResizeHandlers() {
|
|
8018
|
-
this._resizeObject.contentDocument.defaultView.addEventListener("resize", this.compareAndNotify);
|
|
8019
|
-
this.compareAndNotify();
|
|
8020
|
-
},
|
|
8021
|
-
removeResizeHandlers() {
|
|
8022
|
-
if (this._resizeObject && this._resizeObject.onload) {
|
|
8023
|
-
if (!isIE && this._resizeObject.contentDocument) {
|
|
8024
|
-
this._resizeObject.contentDocument.defaultView.removeEventListener("resize", this.compareAndNotify);
|
|
8025
|
-
}
|
|
8026
|
-
this.$el.removeChild(this._resizeObject);
|
|
8027
|
-
this._resizeObject.onload = null;
|
|
8028
|
-
this._resizeObject = null;
|
|
8029
|
-
}
|
|
8030
|
-
}
|
|
8031
|
-
}
|
|
8032
|
-
};
|
|
8033
|
-
const _withId = /* @__PURE__ */ (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withScopeId)("data-v-b329ee4c");
|
|
8034
|
-
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.pushScopeId)("data-v-b329ee4c");
|
|
8035
|
-
const _hoisted_1$2 = {
|
|
8036
|
-
class: "resize-observer",
|
|
8037
|
-
tabindex: "-1"
|
|
8038
|
-
};
|
|
8039
|
-
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.popScopeId)();
|
|
8040
|
-
const render = /* @__PURE__ */ _withId((_ctx, _cache, $props, $setup, $data, $options) => {
|
|
8041
|
-
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)("div", _hoisted_1$2);
|
|
8042
|
-
});
|
|
8043
|
-
script.render = render;
|
|
8044
|
-
script.__scopeId = "data-v-b329ee4c";
|
|
8045
|
-
script.__file = "src/components/ResizeObserver.vue";
|
|
8046
|
-
var PrivateThemeClass = (prop = "theme") => ({
|
|
8047
|
-
computed: {
|
|
8048
|
-
themeClass() {
|
|
8049
|
-
return getThemeClasses(this[prop]);
|
|
8050
|
-
}
|
|
8051
|
-
}
|
|
8052
|
-
});
|
|
8053
|
-
var PopperContent_vue_vue_type_style_index_0_lang = "";
|
|
8054
|
-
const _sfc_main$5 = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.defineComponent)({
|
|
8055
|
-
name: "VPopperContent",
|
|
8056
|
-
components: {
|
|
8057
|
-
ResizeObserver: script
|
|
8058
|
-
},
|
|
8059
|
-
mixins: [
|
|
8060
|
-
PrivateThemeClass()
|
|
8061
|
-
],
|
|
8062
|
-
props: {
|
|
8063
|
-
popperId: String,
|
|
8064
|
-
theme: String,
|
|
8065
|
-
shown: Boolean,
|
|
8066
|
-
mounted: Boolean,
|
|
8067
|
-
skipTransition: Boolean,
|
|
8068
|
-
autoHide: Boolean,
|
|
8069
|
-
handleResize: Boolean,
|
|
8070
|
-
classes: Object,
|
|
8071
|
-
result: Object
|
|
8072
|
-
},
|
|
8073
|
-
emits: [
|
|
8074
|
-
"hide",
|
|
8075
|
-
"resize"
|
|
8076
|
-
],
|
|
8077
|
-
methods: {
|
|
8078
|
-
toPx(value) {
|
|
8079
|
-
if (value != null && !isNaN(value)) {
|
|
8080
|
-
return `${value}px`;
|
|
8081
|
-
}
|
|
8082
|
-
return null;
|
|
8083
|
-
}
|
|
8084
|
-
}
|
|
8085
|
-
});
|
|
8086
|
-
const _hoisted_1$1 = ["id", "aria-hidden", "tabindex", "data-popper-placement"];
|
|
8087
|
-
const _hoisted_2$1 = {
|
|
8088
|
-
ref: "inner",
|
|
8089
|
-
class: "v-popper__inner"
|
|
8090
|
-
};
|
|
8091
|
-
const _hoisted_3 = /* @__PURE__ */ (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", { class: "v-popper__arrow-outer" }, null, -1);
|
|
8092
|
-
const _hoisted_4 = /* @__PURE__ */ (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", { class: "v-popper__arrow-inner" }, null, -1);
|
|
8093
|
-
const _hoisted_5 = [
|
|
8094
|
-
_hoisted_3,
|
|
8095
|
-
_hoisted_4
|
|
8096
|
-
];
|
|
8097
|
-
function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
|
|
8098
|
-
const _component_ResizeObserver = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("ResizeObserver");
|
|
8099
|
-
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
|
|
8100
|
-
id: _ctx.popperId,
|
|
8101
|
-
ref: "popover",
|
|
8102
|
-
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["v-popper__popper", [
|
|
8103
|
-
_ctx.themeClass,
|
|
8104
|
-
_ctx.classes.popperClass,
|
|
8105
|
-
{
|
|
8106
|
-
"v-popper__popper--shown": _ctx.shown,
|
|
8107
|
-
"v-popper__popper--hidden": !_ctx.shown,
|
|
8108
|
-
"v-popper__popper--show-from": _ctx.classes.showFrom,
|
|
8109
|
-
"v-popper__popper--show-to": _ctx.classes.showTo,
|
|
8110
|
-
"v-popper__popper--hide-from": _ctx.classes.hideFrom,
|
|
8111
|
-
"v-popper__popper--hide-to": _ctx.classes.hideTo,
|
|
8112
|
-
"v-popper__popper--skip-transition": _ctx.skipTransition,
|
|
8113
|
-
"v-popper__popper--arrow-overflow": _ctx.result && _ctx.result.arrow.overflow,
|
|
8114
|
-
"v-popper__popper--no-positioning": !_ctx.result
|
|
8115
|
-
}
|
|
8116
|
-
]]),
|
|
8117
|
-
style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeStyle)(_ctx.result ? {
|
|
8118
|
-
position: _ctx.result.strategy,
|
|
8119
|
-
transform: `translate3d(${Math.round(_ctx.result.x)}px,${Math.round(_ctx.result.y)}px,0)`
|
|
8120
|
-
} : void 0),
|
|
8121
|
-
"aria-hidden": _ctx.shown ? "false" : "true",
|
|
8122
|
-
tabindex: _ctx.autoHide ? 0 : void 0,
|
|
8123
|
-
"data-popper-placement": _ctx.result ? _ctx.result.placement : void 0,
|
|
8124
|
-
onKeyup: _cache[2] || (_cache[2] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withKeys)(($event) => _ctx.autoHide && _ctx.$emit("hide"), ["esc"]))
|
|
8125
|
-
}, [
|
|
8126
|
-
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
|
|
8127
|
-
class: "v-popper__backdrop",
|
|
8128
|
-
onClick: _cache[0] || (_cache[0] = ($event) => _ctx.autoHide && _ctx.$emit("hide"))
|
|
8129
|
-
}),
|
|
8130
|
-
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
|
|
8131
|
-
class: "v-popper__wrapper",
|
|
8132
|
-
style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeStyle)(_ctx.result ? {
|
|
8133
|
-
transformOrigin: _ctx.result.transformOrigin
|
|
8134
|
-
} : void 0)
|
|
8135
|
-
}, [
|
|
8136
|
-
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", _hoisted_2$1, [
|
|
8137
|
-
_ctx.mounted ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Fragment, { key: 0 }, [
|
|
8138
|
-
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", null, [
|
|
8139
|
-
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default")
|
|
8140
|
-
]),
|
|
8141
|
-
_ctx.handleResize ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_ResizeObserver, {
|
|
8142
|
-
key: 0,
|
|
8143
|
-
onNotify: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("resize", $event))
|
|
8144
|
-
})) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)
|
|
8145
|
-
], 64)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)
|
|
8146
|
-
], 512),
|
|
8147
|
-
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
|
|
8148
|
-
ref: "arrow",
|
|
8149
|
-
class: "v-popper__arrow-container",
|
|
8150
|
-
style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeStyle)(_ctx.result ? {
|
|
8151
|
-
left: _ctx.toPx(_ctx.result.arrow.x),
|
|
8152
|
-
top: _ctx.toPx(_ctx.result.arrow.y)
|
|
8153
|
-
} : void 0)
|
|
8154
|
-
}, _hoisted_5, 4)
|
|
8155
|
-
], 4)
|
|
8156
|
-
], 46, _hoisted_1$1);
|
|
8157
|
-
}
|
|
8158
|
-
var PrivatePopperContent = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$2]]);
|
|
8159
|
-
var PrivatePopperMethods = {
|
|
8160
|
-
methods: {
|
|
8161
|
-
show(...args) {
|
|
8162
|
-
return this.$refs.popper.show(...args);
|
|
8163
|
-
},
|
|
8164
|
-
hide(...args) {
|
|
8165
|
-
return this.$refs.popper.hide(...args);
|
|
8166
|
-
},
|
|
8167
|
-
dispose(...args) {
|
|
8168
|
-
return this.$refs.popper.dispose(...args);
|
|
8169
|
-
},
|
|
8170
|
-
onResize(...args) {
|
|
8171
|
-
return this.$refs.popper.onResize(...args);
|
|
8172
|
-
}
|
|
8173
|
-
}
|
|
8174
|
-
};
|
|
8175
|
-
const _sfc_main$4 = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.defineComponent)({
|
|
8176
|
-
name: "VPopperWrapper",
|
|
8177
|
-
components: {
|
|
8178
|
-
Popper: Popper$1,
|
|
8179
|
-
PopperContent: PrivatePopperContent
|
|
8180
|
-
},
|
|
8181
|
-
mixins: [
|
|
8182
|
-
PrivatePopperMethods,
|
|
8183
|
-
PrivateThemeClass("finalTheme")
|
|
8184
|
-
],
|
|
8185
|
-
props: {
|
|
8186
|
-
theme: {
|
|
8187
|
-
type: String,
|
|
8188
|
-
default: null
|
|
8189
|
-
}
|
|
8190
|
-
},
|
|
8191
|
-
computed: {
|
|
8192
|
-
finalTheme() {
|
|
8193
|
-
var _a;
|
|
8194
|
-
return (_a = this.theme) != null ? _a : this.$options.vPopperTheme;
|
|
8195
|
-
}
|
|
8196
|
-
},
|
|
8197
|
-
methods: {
|
|
8198
|
-
getTargetNodes() {
|
|
8199
|
-
return Array.from(this.$el.children).filter((node) => node !== this.$refs.popperContent.$el);
|
|
8200
|
-
}
|
|
8201
|
-
}
|
|
8202
|
-
});
|
|
8203
|
-
function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
|
|
8204
|
-
const _component_PopperContent = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("PopperContent");
|
|
8205
|
-
const _component_Popper = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("Popper");
|
|
8206
|
-
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_Popper, {
|
|
8207
|
-
ref: "popper",
|
|
8208
|
-
theme: _ctx.finalTheme,
|
|
8209
|
-
"target-nodes": _ctx.getTargetNodes,
|
|
8210
|
-
"popper-node": () => _ctx.$refs.popperContent.$el,
|
|
8211
|
-
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)([
|
|
8212
|
-
_ctx.themeClass
|
|
8213
|
-
])
|
|
8214
|
-
}, {
|
|
8215
|
-
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(({
|
|
8216
|
-
popperId,
|
|
8217
|
-
isShown,
|
|
8218
|
-
shouldMountContent,
|
|
8219
|
-
skipTransition,
|
|
8220
|
-
autoHide,
|
|
8221
|
-
show,
|
|
8222
|
-
hide,
|
|
8223
|
-
handleResize,
|
|
8224
|
-
onResize,
|
|
8225
|
-
classes,
|
|
8226
|
-
result
|
|
8227
|
-
}) => [
|
|
8228
|
-
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default", {
|
|
8229
|
-
shown: isShown,
|
|
8230
|
-
show,
|
|
8231
|
-
hide
|
|
8232
|
-
}),
|
|
8233
|
-
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_PopperContent, {
|
|
8234
|
-
ref: "popperContent",
|
|
8235
|
-
"popper-id": popperId,
|
|
8236
|
-
theme: _ctx.finalTheme,
|
|
8237
|
-
shown: isShown,
|
|
8238
|
-
mounted: shouldMountContent,
|
|
8239
|
-
"skip-transition": skipTransition,
|
|
8240
|
-
"auto-hide": autoHide,
|
|
8241
|
-
"handle-resize": handleResize,
|
|
8242
|
-
classes,
|
|
8243
|
-
result,
|
|
8244
|
-
onHide: hide,
|
|
8245
|
-
onResize
|
|
8246
|
-
}, {
|
|
8247
|
-
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [
|
|
8248
|
-
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "popper", {
|
|
8249
|
-
shown: isShown,
|
|
8250
|
-
hide
|
|
8251
|
-
})
|
|
8252
|
-
]),
|
|
8253
|
-
_: 2
|
|
8254
|
-
}, 1032, ["popper-id", "theme", "shown", "mounted", "skip-transition", "auto-hide", "handle-resize", "classes", "result", "onHide", "onResize"])
|
|
8255
|
-
]),
|
|
8256
|
-
_: 3
|
|
8257
|
-
}, 8, ["theme", "target-nodes", "popper-node", "class"]);
|
|
8258
|
-
}
|
|
8259
|
-
var PrivatePopperWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$1]]);
|
|
8260
|
-
var Dropdown_vue_vue_type_style_index_0_lang = "";
|
|
8261
|
-
const _sfc_main$3 = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.defineComponent)(__spreadProps(__spreadValues({}, PrivatePopperWrapper), {
|
|
8262
|
-
name: "VDropdown",
|
|
8263
|
-
vPopperTheme: "dropdown"
|
|
8264
|
-
}));
|
|
8265
|
-
const _sfc_main$2 = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.defineComponent)(__spreadProps(__spreadValues({}, PrivatePopperWrapper), {
|
|
8266
|
-
name: "VMenu",
|
|
8267
|
-
vPopperTheme: "menu"
|
|
8268
|
-
}));
|
|
8269
|
-
var Tooltip_vue_vue_type_style_index_0_lang = "";
|
|
8270
|
-
const _sfc_main$1 = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.defineComponent)(__spreadProps(__spreadValues({}, PrivatePopperWrapper), {
|
|
8271
|
-
name: "VTooltip",
|
|
8272
|
-
vPopperTheme: "tooltip"
|
|
8273
|
-
}));
|
|
8274
|
-
const _sfc_main = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.defineComponent)({
|
|
8275
|
-
name: "VTooltipDirective",
|
|
8276
|
-
components: {
|
|
8277
|
-
Popper: PrivatePopper(),
|
|
8278
|
-
PopperContent: PrivatePopperContent
|
|
8279
|
-
},
|
|
8280
|
-
mixins: [
|
|
8281
|
-
PrivatePopperMethods
|
|
8282
|
-
],
|
|
8283
|
-
inheritAttrs: false,
|
|
8284
|
-
props: {
|
|
8285
|
-
theme: {
|
|
8286
|
-
type: String,
|
|
8287
|
-
default: "tooltip"
|
|
8288
|
-
},
|
|
8289
|
-
html: {
|
|
8290
|
-
type: Boolean,
|
|
8291
|
-
default: (props) => getDefaultConfig(props.theme, "html")
|
|
8292
|
-
},
|
|
8293
|
-
content: {
|
|
8294
|
-
type: [String, Number, Function],
|
|
8295
|
-
default: null
|
|
8296
|
-
},
|
|
8297
|
-
loadingContent: {
|
|
8298
|
-
type: String,
|
|
8299
|
-
default: (props) => getDefaultConfig(props.theme, "loadingContent")
|
|
8300
|
-
}
|
|
8301
|
-
},
|
|
8302
|
-
data() {
|
|
8303
|
-
return {
|
|
8304
|
-
asyncContent: null
|
|
8305
|
-
};
|
|
8306
|
-
},
|
|
8307
|
-
computed: {
|
|
8308
|
-
isContentAsync() {
|
|
8309
|
-
return typeof this.content === "function";
|
|
8310
|
-
},
|
|
8311
|
-
loading() {
|
|
8312
|
-
return this.isContentAsync && this.asyncContent == null;
|
|
8313
|
-
},
|
|
8314
|
-
finalContent() {
|
|
8315
|
-
if (this.isContentAsync) {
|
|
8316
|
-
return this.loading ? this.loadingContent : this.asyncContent;
|
|
8317
|
-
}
|
|
8318
|
-
return this.content;
|
|
8319
|
-
}
|
|
8320
|
-
},
|
|
8321
|
-
watch: {
|
|
8322
|
-
content: {
|
|
8323
|
-
handler() {
|
|
8324
|
-
this.fetchContent(true);
|
|
8325
|
-
},
|
|
8326
|
-
immediate: true
|
|
8327
|
-
},
|
|
8328
|
-
async finalContent() {
|
|
8329
|
-
await this.$nextTick();
|
|
8330
|
-
this.$refs.popper.onResize();
|
|
8331
|
-
}
|
|
8332
|
-
},
|
|
8333
|
-
created() {
|
|
8334
|
-
this.$_fetchId = 0;
|
|
8335
|
-
},
|
|
8336
|
-
methods: {
|
|
8337
|
-
fetchContent(force) {
|
|
8338
|
-
if (typeof this.content === "function" && this.$_isShown && (force || !this.$_loading && this.asyncContent == null)) {
|
|
8339
|
-
this.asyncContent = null;
|
|
8340
|
-
this.$_loading = true;
|
|
8341
|
-
const fetchId = ++this.$_fetchId;
|
|
8342
|
-
const result = this.content(this);
|
|
8343
|
-
if (result.then) {
|
|
8344
|
-
result.then((res) => this.onResult(fetchId, res));
|
|
8345
|
-
} else {
|
|
8346
|
-
this.onResult(fetchId, result);
|
|
8347
|
-
}
|
|
8348
|
-
}
|
|
8349
|
-
},
|
|
8350
|
-
onResult(fetchId, result) {
|
|
8351
|
-
if (fetchId !== this.$_fetchId)
|
|
8352
|
-
return;
|
|
8353
|
-
this.$_loading = false;
|
|
8354
|
-
this.asyncContent = result;
|
|
8355
|
-
},
|
|
8356
|
-
onShow() {
|
|
8357
|
-
this.$_isShown = true;
|
|
8358
|
-
this.fetchContent();
|
|
8359
|
-
},
|
|
8360
|
-
onHide() {
|
|
8361
|
-
this.$_isShown = false;
|
|
8362
|
-
}
|
|
8363
|
-
}
|
|
8364
|
-
});
|
|
8365
|
-
const _hoisted_1 = ["innerHTML"];
|
|
8366
|
-
const _hoisted_2 = ["textContent"];
|
|
8367
|
-
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
8368
|
-
const _component_PopperContent = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("PopperContent");
|
|
8369
|
-
const _component_Popper = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("Popper");
|
|
8370
|
-
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_Popper, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({ ref: "popper" }, _ctx.$attrs, {
|
|
8371
|
-
theme: _ctx.theme,
|
|
8372
|
-
"popper-node": () => _ctx.$refs.popperContent.$el,
|
|
8373
|
-
onApplyShow: _ctx.onShow,
|
|
8374
|
-
onApplyHide: _ctx.onHide
|
|
8375
|
-
}), {
|
|
8376
|
-
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(({
|
|
8377
|
-
popperId,
|
|
8378
|
-
isShown,
|
|
8379
|
-
shouldMountContent,
|
|
8380
|
-
skipTransition,
|
|
8381
|
-
autoHide,
|
|
8382
|
-
hide,
|
|
8383
|
-
handleResize,
|
|
8384
|
-
onResize,
|
|
8385
|
-
classes,
|
|
8386
|
-
result
|
|
8387
|
-
}) => [
|
|
8388
|
-
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_PopperContent, {
|
|
8389
|
-
ref: "popperContent",
|
|
8390
|
-
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)({
|
|
8391
|
-
"v-popper--tooltip-loading": _ctx.loading
|
|
8392
|
-
}),
|
|
8393
|
-
"popper-id": popperId,
|
|
8394
|
-
theme: _ctx.theme,
|
|
8395
|
-
shown: isShown,
|
|
8396
|
-
mounted: shouldMountContent,
|
|
8397
|
-
"skip-transition": skipTransition,
|
|
8398
|
-
"auto-hide": autoHide,
|
|
8399
|
-
"handle-resize": handleResize,
|
|
8400
|
-
classes,
|
|
8401
|
-
result,
|
|
8402
|
-
onHide: hide,
|
|
8403
|
-
onResize
|
|
8404
|
-
}, {
|
|
8405
|
-
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [
|
|
8406
|
-
_ctx.html ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
|
|
8407
|
-
key: 0,
|
|
8408
|
-
innerHTML: _ctx.finalContent
|
|
8409
|
-
}, null, 8, _hoisted_1)) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
|
|
8410
|
-
key: 1,
|
|
8411
|
-
textContent: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(_ctx.finalContent)
|
|
8412
|
-
}, null, 8, _hoisted_2))
|
|
8413
|
-
]),
|
|
8414
|
-
_: 2
|
|
8415
|
-
}, 1032, ["class", "popper-id", "theme", "shown", "mounted", "skip-transition", "auto-hide", "handle-resize", "classes", "result", "onHide", "onResize"])
|
|
8416
|
-
]),
|
|
8417
|
-
_: 1
|
|
8418
|
-
}, 16, ["theme", "popper-node", "onApplyShow", "onApplyHide"]);
|
|
8419
|
-
}
|
|
8420
|
-
var PrivateTooltipDirective = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
|
|
8421
|
-
const TARGET_CLASS = "v-popper--has-tooltip";
|
|
8422
|
-
function getPlacement(options2, modifiers) {
|
|
8423
|
-
let result = options2.placement;
|
|
8424
|
-
if (!result && modifiers) {
|
|
8425
|
-
for (const pos of placements) {
|
|
8426
|
-
if (modifiers[pos]) {
|
|
8427
|
-
result = pos;
|
|
8428
|
-
}
|
|
8429
|
-
}
|
|
8430
|
-
}
|
|
8431
|
-
if (!result) {
|
|
8432
|
-
result = getDefaultConfig(options2.theme || "tooltip", "placement");
|
|
8433
|
-
}
|
|
8434
|
-
return result;
|
|
8435
|
-
}
|
|
8436
|
-
function getOptions(el, value, modifiers) {
|
|
8437
|
-
let options2;
|
|
8438
|
-
const type = typeof value;
|
|
8439
|
-
if (type === "string") {
|
|
8440
|
-
options2 = { content: value };
|
|
8441
|
-
} else if (value && type === "object") {
|
|
8442
|
-
options2 = value;
|
|
8443
|
-
} else {
|
|
8444
|
-
options2 = { content: false };
|
|
8445
|
-
}
|
|
8446
|
-
options2.placement = getPlacement(options2, modifiers);
|
|
8447
|
-
options2.targetNodes = () => [el];
|
|
8448
|
-
options2.referenceNode = () => el;
|
|
8449
|
-
return options2;
|
|
8450
|
-
}
|
|
8451
|
-
let directiveApp;
|
|
8452
|
-
let directives;
|
|
8453
|
-
let uid = 0;
|
|
8454
|
-
function ensureDirectiveApp() {
|
|
8455
|
-
if (directiveApp)
|
|
8456
|
-
return;
|
|
8457
|
-
directives = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)([]);
|
|
8458
|
-
directiveApp = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createApp)({
|
|
8459
|
-
name: "VTooltipDirectiveApp",
|
|
8460
|
-
setup() {
|
|
8461
|
-
return {
|
|
8462
|
-
directives
|
|
8463
|
-
};
|
|
8464
|
-
},
|
|
8465
|
-
render() {
|
|
8466
|
-
return this.directives.map((directive) => {
|
|
8467
|
-
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(PrivateTooltipDirective, __spreadProps(__spreadValues({}, directive.options), {
|
|
8468
|
-
shown: directive.shown || directive.options.shown,
|
|
8469
|
-
key: directive.id
|
|
8470
|
-
}));
|
|
8471
|
-
});
|
|
8472
|
-
},
|
|
8473
|
-
devtools: {
|
|
8474
|
-
hide: true
|
|
8475
|
-
}
|
|
8476
|
-
});
|
|
8477
|
-
const mountTarget = document.createElement("div");
|
|
8478
|
-
document.body.appendChild(mountTarget);
|
|
8479
|
-
directiveApp.mount(mountTarget);
|
|
8480
|
-
}
|
|
8481
|
-
function createTooltip(el, value, modifiers) {
|
|
8482
|
-
ensureDirectiveApp();
|
|
8483
|
-
const options2 = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(getOptions(el, value, modifiers));
|
|
8484
|
-
const shown = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(false);
|
|
8485
|
-
const item = {
|
|
8486
|
-
id: uid++,
|
|
8487
|
-
options: options2,
|
|
8488
|
-
shown
|
|
8489
|
-
};
|
|
8490
|
-
directives.value.push(item);
|
|
8491
|
-
if (el.classList) {
|
|
8492
|
-
el.classList.add(TARGET_CLASS);
|
|
8493
|
-
}
|
|
8494
|
-
const result = el.$_popper = {
|
|
8495
|
-
options: options2,
|
|
8496
|
-
item,
|
|
8497
|
-
show() {
|
|
8498
|
-
shown.value = true;
|
|
8499
|
-
},
|
|
8500
|
-
hide() {
|
|
8501
|
-
shown.value = false;
|
|
8502
|
-
}
|
|
8503
|
-
};
|
|
8504
|
-
return result;
|
|
8505
|
-
}
|
|
8506
|
-
function destroyTooltip(el) {
|
|
8507
|
-
if (el.$_popper) {
|
|
8508
|
-
const index = directives.value.indexOf(el.$_popper.item);
|
|
8509
|
-
if (index !== -1)
|
|
8510
|
-
directives.value.splice(index, 1);
|
|
8511
|
-
delete el.$_popper;
|
|
8512
|
-
delete el.$_popperOldShown;
|
|
8513
|
-
delete el.$_popperMountTarget;
|
|
8514
|
-
}
|
|
8515
|
-
if (el.classList) {
|
|
8516
|
-
el.classList.remove(TARGET_CLASS);
|
|
8517
|
-
}
|
|
8518
|
-
}
|
|
8519
|
-
function bind(el, { value, modifiers }) {
|
|
8520
|
-
const options2 = getOptions(el, value, modifiers);
|
|
8521
|
-
if (!options2.content || getDefaultConfig(options2.theme || "tooltip", "disabled")) {
|
|
8522
|
-
destroyTooltip(el);
|
|
8523
|
-
} else {
|
|
8524
|
-
let directive;
|
|
8525
|
-
if (el.$_popper) {
|
|
8526
|
-
directive = el.$_popper;
|
|
8527
|
-
directive.options.value = options2;
|
|
8528
|
-
} else {
|
|
8529
|
-
directive = createTooltip(el, value, modifiers);
|
|
8530
|
-
}
|
|
8531
|
-
if (typeof value.shown !== "undefined" && value.shown !== el.$_popperOldShown) {
|
|
8532
|
-
el.$_popperOldShown = value.shown;
|
|
8533
|
-
value.shown ? directive.show() : directive.hide();
|
|
8534
|
-
}
|
|
8535
|
-
}
|
|
8536
|
-
}
|
|
8537
|
-
var PrivateVTooltip = {
|
|
8538
|
-
beforeMount: bind,
|
|
8539
|
-
updated: bind,
|
|
8540
|
-
beforeUnmount(el) {
|
|
8541
|
-
destroyTooltip(el);
|
|
8542
|
-
}
|
|
8543
|
-
};
|
|
8544
|
-
function addListeners(el) {
|
|
8545
|
-
el.addEventListener("click", onClick);
|
|
8546
|
-
el.addEventListener("touchstart", onTouchStart, supportsPassive ? {
|
|
8547
|
-
passive: true
|
|
8548
|
-
} : false);
|
|
8549
|
-
}
|
|
8550
|
-
function removeListeners(el) {
|
|
8551
|
-
el.removeEventListener("click", onClick);
|
|
8552
|
-
el.removeEventListener("touchstart", onTouchStart);
|
|
8553
|
-
el.removeEventListener("touchend", onTouchEnd);
|
|
8554
|
-
el.removeEventListener("touchcancel", onTouchCancel);
|
|
8555
|
-
}
|
|
8556
|
-
function onClick(event) {
|
|
8557
|
-
const el = event.currentTarget;
|
|
8558
|
-
event.closePopover = !el.$_vclosepopover_touch;
|
|
8559
|
-
event.closeAllPopover = el.$_closePopoverModifiers && !!el.$_closePopoverModifiers.all;
|
|
8560
|
-
}
|
|
8561
|
-
function onTouchStart(event) {
|
|
8562
|
-
if (event.changedTouches.length === 1) {
|
|
8563
|
-
const el = event.currentTarget;
|
|
8564
|
-
el.$_vclosepopover_touch = true;
|
|
8565
|
-
const touch = event.changedTouches[0];
|
|
8566
|
-
el.$_vclosepopover_touchPoint = touch;
|
|
8567
|
-
el.addEventListener("touchend", onTouchEnd);
|
|
8568
|
-
el.addEventListener("touchcancel", onTouchCancel);
|
|
8569
|
-
}
|
|
8570
|
-
}
|
|
8571
|
-
function onTouchEnd(event) {
|
|
8572
|
-
const el = event.currentTarget;
|
|
8573
|
-
el.$_vclosepopover_touch = false;
|
|
8574
|
-
if (event.changedTouches.length === 1) {
|
|
8575
|
-
const touch = event.changedTouches[0];
|
|
8576
|
-
const firstTouch = el.$_vclosepopover_touchPoint;
|
|
8577
|
-
event.closePopover = Math.abs(touch.screenY - firstTouch.screenY) < 20 && Math.abs(touch.screenX - firstTouch.screenX) < 20;
|
|
8578
|
-
event.closeAllPopover = el.$_closePopoverModifiers && !!el.$_closePopoverModifiers.all;
|
|
8579
|
-
}
|
|
8580
|
-
}
|
|
8581
|
-
function onTouchCancel(event) {
|
|
8582
|
-
const el = event.currentTarget;
|
|
8583
|
-
el.$_vclosepopover_touch = false;
|
|
8584
|
-
}
|
|
8585
|
-
var PrivateVClosePopper = {
|
|
8586
|
-
beforeMount(el, { value, modifiers }) {
|
|
8587
|
-
el.$_closePopoverModifiers = modifiers;
|
|
8588
|
-
if (typeof value === "undefined" || value) {
|
|
8589
|
-
addListeners(el);
|
|
8590
|
-
}
|
|
8591
|
-
},
|
|
8592
|
-
updated(el, { value, oldValue, modifiers }) {
|
|
8593
|
-
el.$_closePopoverModifiers = modifiers;
|
|
8594
|
-
if (value !== oldValue) {
|
|
8595
|
-
if (typeof value === "undefined" || value) {
|
|
8596
|
-
addListeners(el);
|
|
8597
|
-
} else {
|
|
8598
|
-
removeListeners(el);
|
|
8599
|
-
}
|
|
8600
|
-
}
|
|
8601
|
-
},
|
|
8602
|
-
beforeUnmount(el) {
|
|
8603
|
-
removeListeners(el);
|
|
8604
|
-
}
|
|
8605
|
-
};
|
|
8606
|
-
const options = (/* unused pure expression or super */ null && (config));
|
|
8607
|
-
const VTooltip = (/* unused pure expression or super */ null && (PrivateVTooltip));
|
|
8608
|
-
const VClosePopper = (/* unused pure expression or super */ null && (PrivateVClosePopper));
|
|
8609
|
-
const Dropdown = (/* unused pure expression or super */ null && (_sfc_main$3));
|
|
8610
|
-
const Menu = (/* unused pure expression or super */ null && (_sfc_main$2));
|
|
8611
|
-
const Popper = (/* unused pure expression or super */ null && (PrivatePopper));
|
|
8612
|
-
const PopperContent = (/* unused pure expression or super */ null && (PrivatePopperContent));
|
|
8613
|
-
const PopperMethods = (/* unused pure expression or super */ null && (PrivatePopperMethods));
|
|
8614
|
-
const PopperWrapper = (/* unused pure expression or super */ null && (PrivatePopperWrapper));
|
|
8615
|
-
const ThemeClass = (/* unused pure expression or super */ null && (PrivateThemeClass));
|
|
8616
|
-
const Tooltip = (/* unused pure expression or super */ null && (_sfc_main$1));
|
|
8617
|
-
const TooltipDirective = (/* unused pure expression or super */ null && (PrivateTooltipDirective));
|
|
8618
|
-
function install(app, options2 = {}) {
|
|
8619
|
-
if (app.$_vTooltipInstalled)
|
|
8620
|
-
return;
|
|
8621
|
-
app.$_vTooltipInstalled = true;
|
|
8622
|
-
floating_vue_es_assign(config, options2);
|
|
8623
|
-
app.directive("tooltip", PrivateVTooltip);
|
|
8624
|
-
app.directive("close-popper", PrivateVClosePopper);
|
|
8625
|
-
app.component("VTooltip", _sfc_main$1);
|
|
8626
|
-
app.component("VDropdown", _sfc_main$3);
|
|
8627
|
-
app.component("VMenu", _sfc_main$2);
|
|
8628
|
-
}
|
|
8629
|
-
const floating_vue_es_plugin = {
|
|
8630
|
-
version: "2.0.0-beta.20",
|
|
8631
|
-
install,
|
|
8632
|
-
options: config
|
|
8633
|
-
};
|
|
8634
|
-
|
|
8635
|
-
|
|
8636
5300
|
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/atoms/wt-avatar/wt-avatar.vue?vue&type=template&id=9d3af56a&scoped=true
|
|
8637
5301
|
|
|
8638
5302
|
const _withScopeId = n => (_pushScopeId("data-v-9d3af56a"), n = n(), _popScopeId(), n);
|
|
8639
|
-
const
|
|
8640
|
-
function
|
|
5303
|
+
const _hoisted_1 = ["src"];
|
|
5304
|
+
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
8641
5305
|
const _component_wt_badge = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("wt-badge");
|
|
8642
5306
|
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
|
|
8643
5307
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["wt-avatar", [`wt-avatar--size-${$props.size}`]])
|
|
@@ -8649,7 +5313,7 @@ function wt_avatarvue_type_template_id_9d3af56a_scoped_true_render(_ctx, _cache,
|
|
|
8649
5313
|
class: "wt-avatar__img",
|
|
8650
5314
|
src: $options.imgSrc,
|
|
8651
5315
|
alt: "avatar"
|
|
8652
|
-
}, null, 8,
|
|
5316
|
+
}, null, 8, _hoisted_1)], 2);
|
|
8653
5317
|
}
|
|
8654
5318
|
;// CONCATENATED MODULE: ./src/components/atoms/wt-avatar/wt-avatar.vue?vue&type=template&id=9d3af56a&scoped=true
|
|
8655
5319
|
|
|
@@ -8727,7 +5391,7 @@ var exportHelper = __webpack_require__(744);
|
|
|
8727
5391
|
;
|
|
8728
5392
|
|
|
8729
5393
|
|
|
8730
|
-
const __exports__ = /*#__PURE__*/(0,exportHelper/* default */.Z)(wt_avatarvue_type_script_lang_js, [['render',
|
|
5394
|
+
const __exports__ = /*#__PURE__*/(0,exportHelper/* default */.Z)(wt_avatarvue_type_script_lang_js, [['render',render],['__scopeId',"data-v-9d3af56a"]])
|
|
8731
5395
|
|
|
8732
5396
|
/* harmony default export */ var wt_avatar = (__exports__);
|
|
8733
5397
|
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/atoms/wt-badge/wt-badge.vue?vue&type=template&id=5ad93da4&scoped=true
|
|
@@ -8799,7 +5463,7 @@ const wt_iconvue_type_template_id_13e7ac92_scoped_true_withScopeId = n => (_push
|
|
|
8799
5463
|
const wt_iconvue_type_template_id_13e7ac92_scoped_true_hoisted_1 = {
|
|
8800
5464
|
class: "wt-icon__icon"
|
|
8801
5465
|
};
|
|
8802
|
-
const
|
|
5466
|
+
const _hoisted_2 = ["xlink:href"];
|
|
8803
5467
|
function wt_iconvue_type_template_id_13e7ac92_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
8804
5468
|
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("i", {
|
|
8805
5469
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["wt-icon", [`wt-icon--size-${$props.size}`, `wt-icon--color-${$props.color}`, {
|
|
@@ -8807,7 +5471,7 @@ function wt_iconvue_type_template_id_13e7ac92_scoped_true_render(_ctx, _cache, $
|
|
|
8807
5471
|
}]])
|
|
8808
5472
|
}, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("svg", wt_iconvue_type_template_id_13e7ac92_scoped_true_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("use", {
|
|
8809
5473
|
"xlink:href": $options.iconName
|
|
8810
|
-
}, null, 8,
|
|
5474
|
+
}, null, 8, _hoisted_2)]))], 2);
|
|
8811
5475
|
}
|
|
8812
5476
|
;// CONCATENATED MODULE: ./src/components/atoms/wt-icon/wt-icon.vue?vue&type=template&id=13e7ac92&scoped=true
|
|
8813
5477
|
|
|
@@ -9142,7 +5806,7 @@ var isVue2 = false
|
|
|
9142
5806
|
var isVue3 = true
|
|
9143
5807
|
var Vue2 = (/* unused pure expression or super */ null && (undefined))
|
|
9144
5808
|
|
|
9145
|
-
function
|
|
5809
|
+
function install() {}
|
|
9146
5810
|
|
|
9147
5811
|
function set(target, key, val) {
|
|
9148
5812
|
if (Array.isArray(target)) {
|
|
@@ -9180,7 +5844,7 @@ function unwrapElement(element) {
|
|
|
9180
5844
|
* @param options The arrow options.
|
|
9181
5845
|
* @see https://floating-ui.com/docs/arrow
|
|
9182
5846
|
*/
|
|
9183
|
-
function
|
|
5847
|
+
function arrow(options) {
|
|
9184
5848
|
return {
|
|
9185
5849
|
name: 'arrow',
|
|
9186
5850
|
options,
|
|
@@ -9340,7 +6004,7 @@ function useFloating(reference, floating, options) {
|
|
|
9340
6004
|
|
|
9341
6005
|
|
|
9342
6006
|
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/atoms/wt-tooltip/wt-tooltip.vue?vue&type=script&setup=true&lang=js
|
|
9343
|
-
/* provided dependency */ var
|
|
6007
|
+
/* provided dependency */ var console = __webpack_require__(108);
|
|
9344
6008
|
|
|
9345
6009
|
|
|
9346
6010
|
|
|
@@ -9350,6 +6014,10 @@ function useFloating(reference, floating, options) {
|
|
|
9350
6014
|
/* harmony default export */ var wt_tooltipvue_type_script_setup_true_lang_js = ({
|
|
9351
6015
|
__name: 'wt-tooltip',
|
|
9352
6016
|
props: {
|
|
6017
|
+
visible: {
|
|
6018
|
+
type: Boolean,
|
|
6019
|
+
default: false
|
|
6020
|
+
},
|
|
9353
6021
|
contrast: {
|
|
9354
6022
|
type: Boolean,
|
|
9355
6023
|
default: false
|
|
@@ -9392,14 +6060,14 @@ function useFloating(reference, floating, options) {
|
|
|
9392
6060
|
const activator = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(null);
|
|
9393
6061
|
const floating = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(null);
|
|
9394
6062
|
const isVisible = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(false);
|
|
9395
|
-
const showTooltip = event => {
|
|
6063
|
+
const showTooltip = (event = {}) => {
|
|
9396
6064
|
if (isVisible.value) return;
|
|
9397
6065
|
isVisible.value = true;
|
|
9398
6066
|
|
|
9399
6067
|
// https://github.com/Akryum/floating-vue/blob/main/packages/floating-vue/src/components/Popper.ts#L884
|
|
9400
6068
|
event.usedByTooltip = true;
|
|
9401
6069
|
};
|
|
9402
|
-
const hideTooltip = event => {
|
|
6070
|
+
const hideTooltip = (event = {}) => {
|
|
9403
6071
|
if (event.usedByTooltip) return;
|
|
9404
6072
|
isVisible.value = false;
|
|
9405
6073
|
};
|
|
@@ -9410,13 +6078,13 @@ function useFloating(reference, floating, options) {
|
|
|
9410
6078
|
if (showEvent) {
|
|
9411
6079
|
target.addEventListener(showEvent, showTooltip);
|
|
9412
6080
|
} else {
|
|
9413
|
-
|
|
6081
|
+
console.log(`No Tooltip Show event for ${trigger} trigger`);
|
|
9414
6082
|
}
|
|
9415
6083
|
const hideEvent = HIDE_EVENT_MAP[trigger];
|
|
9416
6084
|
if (hideEvent) {
|
|
9417
6085
|
target.addEventListener(hideEvent, hideTooltip);
|
|
9418
6086
|
} else {
|
|
9419
|
-
|
|
6087
|
+
console.log(`No Tooltip Hide event for ${trigger} trigger`);
|
|
9420
6088
|
}
|
|
9421
6089
|
});
|
|
9422
6090
|
};
|
|
@@ -9430,13 +6098,13 @@ function useFloating(reference, floating, options) {
|
|
|
9430
6098
|
if (showEvent) {
|
|
9431
6099
|
target.removeEventListener(showEvent, showTooltip);
|
|
9432
6100
|
} else {
|
|
9433
|
-
|
|
6101
|
+
console.log(`No Tooltip Show event for ${trigger} trigger`);
|
|
9434
6102
|
}
|
|
9435
6103
|
const hideEvent = HIDE_EVENT_MAP[trigger];
|
|
9436
6104
|
if (hideEvent) {
|
|
9437
6105
|
target.removeEventListener(hideEvent, hideTooltip);
|
|
9438
6106
|
} else {
|
|
9439
|
-
|
|
6107
|
+
console.log(`No Tooltip Hide event for ${trigger} trigger`);
|
|
9440
6108
|
}
|
|
9441
6109
|
});
|
|
9442
6110
|
};
|
|
@@ -9446,12 +6114,20 @@ function useFloating(reference, floating, options) {
|
|
|
9446
6114
|
const {
|
|
9447
6115
|
floatingStyles
|
|
9448
6116
|
} = useFloating(activator, floating, {
|
|
6117
|
+
placement: props.placement === 'auto' ? null : props.placement,
|
|
9449
6118
|
// https://floating-ui.com/docs/middleware
|
|
9450
|
-
middleware: [
|
|
6119
|
+
middleware: [O(), A(), L(8), props.placement === 'auto' ? b() : null]
|
|
6120
|
+
});
|
|
6121
|
+
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(props.visible, value => {
|
|
6122
|
+
if (value) showTooltip();else hideTooltip();
|
|
6123
|
+
});
|
|
6124
|
+
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
|
|
6125
|
+
subscribeTriggers();
|
|
6126
|
+
if (props.visible) showTooltip();
|
|
9451
6127
|
});
|
|
9452
|
-
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => subscribeTriggers());
|
|
9453
6128
|
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.onBeforeUnmount)(() => unsubscribeTriggers());
|
|
9454
6129
|
return (_ctx, _cache) => {
|
|
6130
|
+
const _directive_clickaway = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveDirective)("clickaway");
|
|
9455
6131
|
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
|
|
9456
6132
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)([{
|
|
9457
6133
|
'wt-tooltip--contrast': __props.contrast,
|
|
@@ -9461,21 +6137,23 @@ function useFloating(reference, floating, options) {
|
|
|
9461
6137
|
ref_key: "activator",
|
|
9462
6138
|
ref: activator,
|
|
9463
6139
|
class: "wt-tooltip__activator"
|
|
9464
|
-
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "activator")], 512), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.
|
|
6140
|
+
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "activator")], 512), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withDirectives)(((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
|
|
9465
6141
|
ref_key: "floating",
|
|
9466
6142
|
ref: floating,
|
|
9467
6143
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["wt-tooltip__floating", [__props.popperClass]]),
|
|
9468
6144
|
style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeStyle)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(floatingStyles))
|
|
9469
|
-
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default"
|
|
6145
|
+
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeProps)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.guardReactiveProps)({
|
|
6146
|
+
hide: hideTooltip
|
|
6147
|
+
})))], 6)), [[_directive_clickaway, hideTooltip]])], 2);
|
|
9470
6148
|
};
|
|
9471
6149
|
}
|
|
9472
6150
|
});
|
|
9473
6151
|
;// CONCATENATED MODULE: ./src/components/atoms/wt-tooltip/wt-tooltip.vue?vue&type=script&setup=true&lang=js
|
|
9474
6152
|
|
|
9475
|
-
;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-65.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-65.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-65.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-65.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/atoms/wt-tooltip/wt-tooltip.vue?vue&type=style&index=0&id=
|
|
6153
|
+
;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-65.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-65.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-65.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-65.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/atoms/wt-tooltip/wt-tooltip.vue?vue&type=style&index=0&id=2063c316&lang=scss&scoped=true
|
|
9476
6154
|
// extracted by mini-css-extract-plugin
|
|
9477
6155
|
|
|
9478
|
-
;// CONCATENATED MODULE: ./src/components/atoms/wt-tooltip/wt-tooltip.vue?vue&type=style&index=0&id=
|
|
6156
|
+
;// CONCATENATED MODULE: ./src/components/atoms/wt-tooltip/wt-tooltip.vue?vue&type=style&index=0&id=2063c316&lang=scss&scoped=true
|
|
9479
6157
|
|
|
9480
6158
|
;// CONCATENATED MODULE: ./src/components/atoms/wt-tooltip/wt-tooltip.vue
|
|
9481
6159
|
|
|
@@ -9484,7 +6162,7 @@ function useFloating(reference, floating, options) {
|
|
|
9484
6162
|
;
|
|
9485
6163
|
|
|
9486
6164
|
|
|
9487
|
-
const wt_tooltip_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(wt_tooltipvue_type_script_setup_true_lang_js, [['__scopeId',"data-v-
|
|
6165
|
+
const wt_tooltip_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(wt_tooltipvue_type_script_setup_true_lang_js, [['__scopeId',"data-v-2063c316"]])
|
|
9488
6166
|
|
|
9489
6167
|
/* harmony default export */ var wt_tooltip = (wt_tooltip_exports_);
|
|
9490
6168
|
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/atoms/wt-rounded-action/wt-rounded-action.vue?vue&type=template&id=2877e1be&scoped=true
|
|
@@ -9657,9 +6335,9 @@ const wt_loader_mdvue_type_template_id_4cf61586_scoped_true_hoisted_2 = /*#__PUR
|
|
|
9657
6335
|
width: "64",
|
|
9658
6336
|
height: "64"
|
|
9659
6337
|
})], -1));
|
|
9660
|
-
const
|
|
6338
|
+
const _hoisted_3 = [wt_loader_mdvue_type_template_id_4cf61586_scoped_true_hoisted_2];
|
|
9661
6339
|
function wt_loader_mdvue_type_template_id_4cf61586_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
9662
|
-
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", wt_loader_mdvue_type_template_id_4cf61586_scoped_true_hoisted_1,
|
|
6340
|
+
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", wt_loader_mdvue_type_template_id_4cf61586_scoped_true_hoisted_1, _hoisted_3);
|
|
9663
6341
|
}
|
|
9664
6342
|
;// CONCATENATED MODULE: ./src/components/atoms/wt-loader/_internals/wt-loader--md.vue?vue&type=template&id=4cf61586&scoped=true
|
|
9665
6343
|
|
|
@@ -9716,55 +6394,20 @@ const wt_loader_md_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(wt_lo
|
|
|
9716
6394
|
const wt_loader_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(wt_loadervue_type_script_lang_js, [['render',wt_loadervue_type_template_id_9bbe5b8c_render]])
|
|
9717
6395
|
|
|
9718
6396
|
/* harmony default export */ var wt_loader = (wt_loader_exports_);
|
|
9719
|
-
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/vue-loader/dist/
|
|
9720
|
-
|
|
9721
|
-
const wt_context_menuvue_type_template_id_bbe96dac_scoped_true_withScopeId = n => (_pushScopeId("data-v-bbe96dac"), n = n(), _popScopeId(), n);
|
|
9722
|
-
const wt_context_menuvue_type_template_id_bbe96dac_scoped_true_hoisted_1 = ["onClick"];
|
|
9723
|
-
function wt_context_menuvue_type_template_id_bbe96dac_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
9724
|
-
const _component_v_dropdown = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("v-dropdown");
|
|
9725
|
-
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_v_dropdown, {
|
|
9726
|
-
class: "wt-context-menu",
|
|
9727
|
-
shown: $props.visible,
|
|
9728
|
-
triggers: ['click', 'touch'],
|
|
9729
|
-
placement: "bottom-end"
|
|
9730
|
-
}, {
|
|
9731
|
-
popper: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(({
|
|
9732
|
-
hide
|
|
9733
|
-
}) => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("ul", {
|
|
9734
|
-
class: "wt-context-menu__menu",
|
|
9735
|
-
style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeStyle)(`width: ${$props.width}; min-width: ${$props.minWidth}; max-width: ${$props.maxWidth};`)
|
|
9736
|
-
}, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderList)($props.options, (option, index) => {
|
|
9737
|
-
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("li", {
|
|
9738
|
-
class: "wt-context-menu__option-wrapper",
|
|
9739
|
-
key: index
|
|
9740
|
-
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("a", {
|
|
9741
|
-
class: "wt-context-menu__option",
|
|
9742
|
-
href: "#",
|
|
9743
|
-
onClick: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)($event => $options.handleOptionClick({
|
|
9744
|
-
option,
|
|
9745
|
-
index,
|
|
9746
|
-
hide
|
|
9747
|
-
}), ["prevent"])
|
|
9748
|
-
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "option", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeProps)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.guardReactiveProps)(option)), () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(option.text || option), 1)], true)], 8, wt_context_menuvue_type_template_id_bbe96dac_scoped_true_hoisted_1)]);
|
|
9749
|
-
}), 128))], 4)]),
|
|
9750
|
-
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "activator", {}, undefined, true)], undefined, true),
|
|
9751
|
-
_: 3
|
|
9752
|
-
}, 8, ["shown"]);
|
|
9753
|
-
}
|
|
9754
|
-
;// CONCATENATED MODULE: ./src/components/atoms/wt-context-menu/wt-context-menu.vue?vue&type=template&id=bbe96dac&scoped=true
|
|
6397
|
+
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/atoms/wt-context-menu/wt-context-menu.vue?vue&type=script&setup=true&lang=js
|
|
9755
6398
|
|
|
9756
|
-
|
|
9757
|
-
|
|
9758
|
-
|
|
6399
|
+
const wt_context_menuvue_type_script_setup_true_lang_js_withScopeId = n => (_pushScopeId("data-v-51f34e9e"), n = n(), _popScopeId(), n);
|
|
6400
|
+
const wt_context_menuvue_type_script_setup_true_lang_js_hoisted_1 = ["onClick"];
|
|
6401
|
+
/* harmony default export */ var wt_context_menuvue_type_script_setup_true_lang_js = ({
|
|
6402
|
+
__name: 'wt-context-menu',
|
|
9759
6403
|
props: {
|
|
9760
6404
|
options: {
|
|
9761
6405
|
type: Array,
|
|
9762
6406
|
required: true,
|
|
9763
|
-
description: '[{ text }]
|
|
6407
|
+
description: '[{ text }]'
|
|
9764
6408
|
},
|
|
9765
6409
|
visible: {
|
|
9766
|
-
type: Boolean
|
|
9767
|
-
default: false
|
|
6410
|
+
type: Boolean
|
|
9768
6411
|
},
|
|
9769
6412
|
width: {
|
|
9770
6413
|
type: [String],
|
|
@@ -9779,8 +6422,9 @@ function wt_context_menuvue_type_template_id_bbe96dac_scoped_true_render(_ctx, _
|
|
|
9779
6422
|
default: '300px'
|
|
9780
6423
|
}
|
|
9781
6424
|
},
|
|
9782
|
-
|
|
9783
|
-
|
|
6425
|
+
setup(__props) {
|
|
6426
|
+
const props = __props;
|
|
6427
|
+
function handleOptionClick({
|
|
9784
6428
|
option,
|
|
9785
6429
|
index,
|
|
9786
6430
|
hide
|
|
@@ -9791,24 +6435,54 @@ function wt_context_menuvue_type_template_id_bbe96dac_scoped_true_render(_ctx, _
|
|
|
9791
6435
|
});
|
|
9792
6436
|
hide();
|
|
9793
6437
|
}
|
|
6438
|
+
return (_ctx, _cache) => {
|
|
6439
|
+
const _component_wt_tooltip = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("wt-tooltip");
|
|
6440
|
+
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_wt_tooltip, {
|
|
6441
|
+
class: "wt-context-menu",
|
|
6442
|
+
visible: __props.visible,
|
|
6443
|
+
triggers: ['click', 'touch'],
|
|
6444
|
+
placement: "bottom-end"
|
|
6445
|
+
}, {
|
|
6446
|
+
activator: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "activator")]),
|
|
6447
|
+
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(({
|
|
6448
|
+
hide
|
|
6449
|
+
}) => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("ul", {
|
|
6450
|
+
class: "wt-context-menu__menu",
|
|
6451
|
+
style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeStyle)(`width: ${__props.width}; min-width: ${__props.minWidth}; max-width: ${__props.maxWidth};`)
|
|
6452
|
+
}, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderList)(__props.options, (option, index) => {
|
|
6453
|
+
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("li", {
|
|
6454
|
+
class: "wt-context-menu__option-wrapper",
|
|
6455
|
+
key: index
|
|
6456
|
+
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("a", {
|
|
6457
|
+
class: "wt-context-menu__option",
|
|
6458
|
+
href: "#",
|
|
6459
|
+
onClick: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)($event => handleOptionClick({
|
|
6460
|
+
option,
|
|
6461
|
+
index,
|
|
6462
|
+
hide
|
|
6463
|
+
}), ["prevent"])
|
|
6464
|
+
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "option", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeProps)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.guardReactiveProps)(option)), () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(option.text || option), 1)])], 8, wt_context_menuvue_type_script_setup_true_lang_js_hoisted_1)]);
|
|
6465
|
+
}), 128))], 4)]),
|
|
6466
|
+
_: 3
|
|
6467
|
+
}, 8, ["visible"]);
|
|
6468
|
+
};
|
|
9794
6469
|
}
|
|
9795
6470
|
});
|
|
9796
|
-
;// CONCATENATED MODULE: ./src/components/atoms/wt-context-menu/wt-context-menu.vue?vue&type=script&lang=js
|
|
6471
|
+
;// CONCATENATED MODULE: ./src/components/atoms/wt-context-menu/wt-context-menu.vue?vue&type=script&setup=true&lang=js
|
|
9797
6472
|
|
|
9798
|
-
;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-65.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-65.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-65.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-65.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/atoms/wt-context-menu/wt-context-menu.vue?vue&type=style&index=0&id=
|
|
6473
|
+
;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-65.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-65.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-65.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-65.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/atoms/wt-context-menu/wt-context-menu.vue?vue&type=style&index=0&id=51f34e9e&lang=scss&scoped=true
|
|
9799
6474
|
// extracted by mini-css-extract-plugin
|
|
9800
6475
|
|
|
9801
|
-
;// CONCATENATED MODULE: ./src/components/atoms/wt-context-menu/wt-context-menu.vue?vue&type=style&index=0&id=
|
|
6476
|
+
;// CONCATENATED MODULE: ./src/components/atoms/wt-context-menu/wt-context-menu.vue?vue&type=style&index=0&id=51f34e9e&lang=scss&scoped=true
|
|
9802
6477
|
|
|
9803
6478
|
;// CONCATENATED MODULE: ./src/components/atoms/wt-context-menu/wt-context-menu.vue
|
|
9804
6479
|
|
|
9805
6480
|
|
|
9806
6481
|
|
|
9807
|
-
|
|
9808
6482
|
;
|
|
9809
6483
|
|
|
9810
6484
|
|
|
9811
|
-
const wt_context_menu_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(
|
|
6485
|
+
const wt_context_menu_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(wt_context_menuvue_type_script_setup_true_lang_js, [['__scopeId',"data-v-51f34e9e"]])
|
|
9812
6486
|
|
|
9813
6487
|
/* harmony default export */ var wt_context_menu = (wt_context_menu_exports_);
|
|
9814
6488
|
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/molecules/wt-checkbox/wt-checkbox.vue?vue&type=template&id=3460d02e&scoped=true
|
|
@@ -22719,7 +19393,7 @@ const wt_popupvue_type_template_id_f37b5e8a_scoped_true_hoisted_3 = {
|
|
|
22719
19393
|
key: 0,
|
|
22720
19394
|
class: "wt-popup__main"
|
|
22721
19395
|
};
|
|
22722
|
-
const
|
|
19396
|
+
const _hoisted_4 = {
|
|
22723
19397
|
key: 1,
|
|
22724
19398
|
class: "wt-popup__actions"
|
|
22725
19399
|
};
|
|
@@ -22736,7 +19410,7 @@ function wt_popupvue_type_template_id_f37b5e8a_scoped_true_render(_ctx, _cache,
|
|
|
22736
19410
|
class: "wt-popup__close-btn",
|
|
22737
19411
|
icon: "close",
|
|
22738
19412
|
onClick: _cache[0] || (_cache[0] = $event => _ctx.$emit('close'))
|
|
22739
|
-
})]), _ctx.$slots.main ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("section", wt_popupvue_type_template_id_f37b5e8a_scoped_true_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "main", {}, undefined, true)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), _ctx.$slots.actions ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("footer",
|
|
19413
|
+
})]), _ctx.$slots.main ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("section", wt_popupvue_type_template_id_f37b5e8a_scoped_true_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "main", {}, undefined, true)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), _ctx.$slots.actions ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("footer", _hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "actions", {}, undefined, true)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 4)], 2);
|
|
22740
19414
|
}
|
|
22741
19415
|
;// CONCATENATED MODULE: ./src/components/molecules/wt-popup/wt-popup.vue?vue&type=template&id=f37b5e8a&scoped=true
|
|
22742
19416
|
|
|
@@ -24078,7 +20752,7 @@ var pointerMixin = {
|
|
|
24078
20752
|
}
|
|
24079
20753
|
};
|
|
24080
20754
|
|
|
24081
|
-
var
|
|
20755
|
+
var script = {
|
|
24082
20756
|
name: 'vue-multiselect',
|
|
24083
20757
|
mixins: [multiselectMixin, pointerMixin],
|
|
24084
20758
|
props: {
|
|
@@ -24312,7 +20986,7 @@ const vue_multiselect_esm_hoisted_1 = {
|
|
|
24312
20986
|
const vue_multiselect_esm_hoisted_2 = { class: "multiselect__tags-wrap" };
|
|
24313
20987
|
const vue_multiselect_esm_hoisted_3 = { class: "multiselect__spinner" };
|
|
24314
20988
|
const vue_multiselect_esm_hoisted_4 = { key: 0 };
|
|
24315
|
-
const
|
|
20989
|
+
const _hoisted_5 = { class: "multiselect__option" };
|
|
24316
20990
|
const _hoisted_6 = { class: "multiselect__option" };
|
|
24317
20991
|
const _hoisted_7 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)("No elements found. Consider changing the search query.");
|
|
24318
20992
|
const _hoisted_8 = { class: "multiselect__option" };
|
|
@@ -24462,7 +21136,7 @@ function vue_multiselect_esm_render(_ctx, _cache, $props, $setup, $data, $option
|
|
|
24462
21136
|
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "beforeList"),
|
|
24463
21137
|
(_ctx.multiple && _ctx.max === _ctx.internalValue.length)
|
|
24464
21138
|
? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)("li", vue_multiselect_esm_hoisted_4, [
|
|
24465
|
-
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)("span",
|
|
21139
|
+
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)("span", _hoisted_5, [
|
|
24466
21140
|
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "maxElements", {}, () => [
|
|
24467
21141
|
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)("Maximum of " + (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(_ctx.max) + " options selected. First remove a selected option to select another.", 1 /* TEXT */)
|
|
24468
21142
|
])
|
|
@@ -24546,9 +21220,9 @@ function vue_multiselect_esm_render(_ctx, _cache, $props, $setup, $data, $option
|
|
|
24546
21220
|
], 42 /* CLASS, PROPS, HYDRATE_EVENTS */, ["tabindex", "aria-owns"]))
|
|
24547
21221
|
}
|
|
24548
21222
|
|
|
24549
|
-
|
|
21223
|
+
script.render = vue_multiselect_esm_render;
|
|
24550
21224
|
|
|
24551
|
-
/* harmony default export */ var vue_multiselect_esm = (
|
|
21225
|
+
/* harmony default export */ var vue_multiselect_esm = (script);
|
|
24552
21226
|
|
|
24553
21227
|
|
|
24554
21228
|
;// CONCATENATED MODULE: ./node_modules/vue-observe-visibility/dist/vue-observe-visibility.esm.js
|
|
@@ -24779,7 +21453,7 @@ function () {
|
|
|
24779
21453
|
return VisibilityState;
|
|
24780
21454
|
}();
|
|
24781
21455
|
|
|
24782
|
-
function
|
|
21456
|
+
function bind(el, _ref2, vnode) {
|
|
24783
21457
|
var value = _ref2.value;
|
|
24784
21458
|
if (!value) return;
|
|
24785
21459
|
|
|
@@ -24805,7 +21479,7 @@ function update(el, _ref3, vnode) {
|
|
|
24805
21479
|
if (state) {
|
|
24806
21480
|
state.createObserver(value, vnode);
|
|
24807
21481
|
} else {
|
|
24808
|
-
|
|
21482
|
+
bind(el, {
|
|
24809
21483
|
value: value
|
|
24810
21484
|
}, vnode);
|
|
24811
21485
|
}
|
|
@@ -24821,7 +21495,7 @@ function unbind(el) {
|
|
|
24821
21495
|
}
|
|
24822
21496
|
|
|
24823
21497
|
var ObserveVisibility = {
|
|
24824
|
-
bind:
|
|
21498
|
+
bind: bind,
|
|
24825
21499
|
update: update,
|
|
24826
21500
|
unbind: unbind
|
|
24827
21501
|
};
|
|
@@ -34633,12 +31307,9 @@ const clickaway = {
|
|
|
34633
31307
|
const Directives = {
|
|
34634
31308
|
clickaway: clickaway_clickaway
|
|
34635
31309
|
};
|
|
34636
|
-
/* harmony default export */ var
|
|
31310
|
+
/* harmony default export */ var directives = (Directives);
|
|
34637
31311
|
;// CONCATENATED MODULE: ./src/install.js
|
|
34638
31312
|
/* eslint-disable */
|
|
34639
|
-
|
|
34640
|
-
|
|
34641
|
-
|
|
34642
31313
|
// init all components
|
|
34643
31314
|
// init all directives
|
|
34644
31315
|
|
|
@@ -34648,8 +31319,8 @@ const Directives = {
|
|
|
34648
31319
|
router,
|
|
34649
31320
|
globals = {}
|
|
34650
31321
|
}) {
|
|
34651
|
-
Object.keys(
|
|
34652
|
-
app.directive(name,
|
|
31322
|
+
Object.keys(directives).forEach(name => {
|
|
31323
|
+
app.directive(name, directives[name]);
|
|
34653
31324
|
});
|
|
34654
31325
|
Object.keys(components).forEach(name => {
|
|
34655
31326
|
app.component(name, components[name]);
|
|
@@ -34662,7 +31333,6 @@ const Directives = {
|
|
|
34662
31333
|
});
|
|
34663
31334
|
app.provide('$eventBus', eventBus);
|
|
34664
31335
|
if (router) app.use(router);
|
|
34665
|
-
app.use(floating_vue_es_plugin);
|
|
34666
31336
|
}
|
|
34667
31337
|
});
|
|
34668
31338
|
;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js
|