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