12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565 |
- import {
- closestElementCrossShadowBoundary,
- getElementDir
- } from "./chunk-2TTT3V5O.js";
- import {
- Build
- } from "./chunk-IOZKU7B2.js";
- // node_modules/@esri/calcite-components/dist/components/debounce.js
- var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
- var freeSelf = typeof self == "object" && self && self.Object === Object && self;
- var root = freeGlobal || freeSelf || Function("return this")();
- var Symbol = root.Symbol;
- var objectProto$1 = Object.prototype;
- var hasOwnProperty = objectProto$1.hasOwnProperty;
- var nativeObjectToString$1 = objectProto$1.toString;
- var symToStringTag$1 = Symbol ? Symbol.toStringTag : void 0;
- function getRawTag(value) {
- var isOwn = hasOwnProperty.call(value, symToStringTag$1), tag = value[symToStringTag$1];
- try {
- value[symToStringTag$1] = void 0;
- var unmasked = true;
- } catch (e) {
- }
- var result = nativeObjectToString$1.call(value);
- if (unmasked) {
- if (isOwn) {
- value[symToStringTag$1] = tag;
- } else {
- delete value[symToStringTag$1];
- }
- }
- return result;
- }
- var objectProto = Object.prototype;
- var nativeObjectToString = objectProto.toString;
- function objectToString(value) {
- return nativeObjectToString.call(value);
- }
- var nullTag = "[object Null]";
- var undefinedTag = "[object Undefined]";
- var symToStringTag = Symbol ? Symbol.toStringTag : void 0;
- function baseGetTag(value) {
- if (value == null) {
- return value === void 0 ? undefinedTag : nullTag;
- }
- return symToStringTag && symToStringTag in Object(value) ? getRawTag(value) : objectToString(value);
- }
- function isObjectLike(value) {
- return value != null && typeof value == "object";
- }
- var symbolTag = "[object Symbol]";
- function isSymbol(value) {
- return typeof value == "symbol" || isObjectLike(value) && baseGetTag(value) == symbolTag;
- }
- var reWhitespace = /\s/;
- function trimmedEndIndex(string) {
- var index = string.length;
- while (index-- && reWhitespace.test(string.charAt(index))) {
- }
- return index;
- }
- var reTrimStart = /^\s+/;
- function baseTrim(string) {
- return string ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, "") : string;
- }
- function isObject(value) {
- var type = typeof value;
- return value != null && (type == "object" || type == "function");
- }
- var NAN = 0 / 0;
- var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
- var reIsBinary = /^0b[01]+$/i;
- var reIsOctal = /^0o[0-7]+$/i;
- var freeParseInt = parseInt;
- function toNumber(value) {
- if (typeof value == "number") {
- return value;
- }
- if (isSymbol(value)) {
- return NAN;
- }
- if (isObject(value)) {
- var other = typeof value.valueOf == "function" ? value.valueOf() : value;
- value = isObject(other) ? other + "" : other;
- }
- if (typeof value != "string") {
- return value === 0 ? value : +value;
- }
- value = baseTrim(value);
- var isBinary = reIsBinary.test(value);
- return isBinary || reIsOctal.test(value) ? freeParseInt(value.slice(2), isBinary ? 2 : 8) : reIsBadHex.test(value) ? NAN : +value;
- }
- var now = function() {
- return root.Date.now();
- };
- var FUNC_ERROR_TEXT = "Expected a function";
- var nativeMax = Math.max;
- var nativeMin = Math.min;
- function debounce(func, wait, options) {
- var lastArgs, lastThis, maxWait, result, timerId, lastCallTime, lastInvokeTime = 0, leading = false, maxing = false, trailing = true;
- if (typeof func != "function") {
- throw new TypeError(FUNC_ERROR_TEXT);
- }
- wait = toNumber(wait) || 0;
- if (isObject(options)) {
- leading = !!options.leading;
- maxing = "maxWait" in options;
- maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;
- trailing = "trailing" in options ? !!options.trailing : trailing;
- }
- function invokeFunc(time) {
- var args = lastArgs, thisArg = lastThis;
- lastArgs = lastThis = void 0;
- lastInvokeTime = time;
- result = func.apply(thisArg, args);
- return result;
- }
- function leadingEdge(time) {
- lastInvokeTime = time;
- timerId = setTimeout(timerExpired, wait);
- return leading ? invokeFunc(time) : result;
- }
- function remainingWait(time) {
- var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime, timeWaiting = wait - timeSinceLastCall;
- return maxing ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke) : timeWaiting;
- }
- function shouldInvoke(time) {
- var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime;
- return lastCallTime === void 0 || timeSinceLastCall >= wait || timeSinceLastCall < 0 || maxing && timeSinceLastInvoke >= maxWait;
- }
- function timerExpired() {
- var time = now();
- if (shouldInvoke(time)) {
- return trailingEdge(time);
- }
- timerId = setTimeout(timerExpired, remainingWait(time));
- }
- function trailingEdge(time) {
- timerId = void 0;
- if (trailing && lastArgs) {
- return invokeFunc(time);
- }
- lastArgs = lastThis = void 0;
- return result;
- }
- function cancel() {
- if (timerId !== void 0) {
- clearTimeout(timerId);
- }
- lastInvokeTime = 0;
- lastArgs = lastCallTime = lastThis = timerId = void 0;
- }
- function flush() {
- return timerId === void 0 ? result : trailingEdge(now());
- }
- function debounced() {
- var time = now(), isInvoking = shouldInvoke(time);
- lastArgs = arguments;
- lastThis = this;
- lastCallTime = time;
- if (isInvoking) {
- if (timerId === void 0) {
- return leadingEdge(lastCallTime);
- }
- if (maxing) {
- clearTimeout(timerId);
- timerId = setTimeout(timerExpired, wait);
- return invokeFunc(lastCallTime);
- }
- }
- if (timerId === void 0) {
- timerId = setTimeout(timerExpired, wait);
- }
- return result;
- }
- debounced.cancel = cancel;
- debounced.flush = flush;
- return debounced;
- }
- // node_modules/@esri/calcite-components/dist/components/floating-ui.js
- function getSide(placement) {
- return placement.split("-")[0];
- }
- function getAlignment(placement) {
- return placement.split("-")[1];
- }
- function getMainAxisFromPlacement(placement) {
- return ["top", "bottom"].includes(getSide(placement)) ? "x" : "y";
- }
- function getLengthFromAxis(axis) {
- return axis === "y" ? "height" : "width";
- }
- function computeCoordsFromPlacement(_ref, placement, rtl) {
- let {
- reference,
- floating
- } = _ref;
- const commonX = reference.x + reference.width / 2 - floating.width / 2;
- const commonY = reference.y + reference.height / 2 - floating.height / 2;
- const mainAxis = getMainAxisFromPlacement(placement);
- const length = getLengthFromAxis(mainAxis);
- const commonAlign = reference[length] / 2 - floating[length] / 2;
- const side = getSide(placement);
- const isVertical = mainAxis === "x";
- let coords;
- switch (side) {
- case "top":
- coords = {
- x: commonX,
- y: reference.y - floating.height
- };
- break;
- case "bottom":
- coords = {
- x: commonX,
- y: reference.y + reference.height
- };
- break;
- case "right":
- coords = {
- x: reference.x + reference.width,
- y: commonY
- };
- break;
- case "left":
- coords = {
- x: reference.x - floating.width,
- y: commonY
- };
- break;
- default:
- coords = {
- x: reference.x,
- y: reference.y
- };
- }
- switch (getAlignment(placement)) {
- case "start":
- coords[mainAxis] -= commonAlign * (rtl && isVertical ? -1 : 1);
- break;
- case "end":
- coords[mainAxis] += commonAlign * (rtl && isVertical ? -1 : 1);
- break;
- }
- return coords;
- }
- var computePosition$1 = async (reference, floating, config2) => {
- const {
- placement = "bottom",
- strategy = "absolute",
- middleware = [],
- platform: platform2
- } = config2;
- const rtl = await (platform2.isRTL == null ? void 0 : platform2.isRTL(floating));
- let rects = await platform2.getElementRects({
- reference,
- floating,
- strategy
- });
- let {
- x,
- y
- } = computeCoordsFromPlacement(rects, placement, rtl);
- let statefulPlacement = placement;
- let middlewareData = {};
- let resetCount = 0;
- for (let i = 0; i < middleware.length; i++) {
- const {
- name,
- fn
- } = middleware[i];
- const {
- x: nextX,
- y: nextY,
- data,
- reset
- } = await fn({
- x,
- y,
- initialPlacement: placement,
- placement: statefulPlacement,
- strategy,
- middlewareData,
- rects,
- platform: platform2,
- elements: {
- reference,
- floating
- }
- });
- x = nextX != null ? nextX : x;
- y = nextY != null ? nextY : y;
- middlewareData = {
- ...middlewareData,
- [name]: {
- ...middlewareData[name],
- ...data
- }
- };
- if (reset && resetCount <= 50) {
- resetCount++;
- if (typeof reset === "object") {
- if (reset.placement) {
- statefulPlacement = reset.placement;
- }
- if (reset.rects) {
- rects = reset.rects === true ? await platform2.getElementRects({
- reference,
- floating,
- strategy
- }) : reset.rects;
- }
- ({
- x,
- y
- } = computeCoordsFromPlacement(rects, statefulPlacement, rtl));
- }
- i = -1;
- continue;
- }
- }
- return {
- x,
- y,
- placement: statefulPlacement,
- strategy,
- middlewareData
- };
- };
- function expandPaddingObject(padding) {
- return {
- top: 0,
- right: 0,
- bottom: 0,
- left: 0,
- ...padding
- };
- }
- function getSideObjectFromPadding(padding) {
- return typeof padding !== "number" ? expandPaddingObject(padding) : {
- top: padding,
- right: padding,
- bottom: padding,
- left: padding
- };
- }
- function rectToClientRect(rect) {
- return {
- ...rect,
- top: rect.y,
- left: rect.x,
- right: rect.x + rect.width,
- bottom: rect.y + rect.height
- };
- }
- async function detectOverflow(middlewareArguments, options) {
- var _await$platform$isEle;
- if (options === void 0) {
- options = {};
- }
- const {
- x,
- y,
- platform: platform2,
- rects,
- elements,
- strategy
- } = middlewareArguments;
- const {
- boundary = "clippingAncestors",
- rootBoundary = "viewport",
- elementContext = "floating",
- altBoundary = false,
- padding = 0
- } = options;
- const paddingObject = getSideObjectFromPadding(padding);
- const altContext = elementContext === "floating" ? "reference" : "floating";
- const element = elements[altBoundary ? altContext : elementContext];
- const clippingClientRect = rectToClientRect(await platform2.getClippingRect({
- element: ((_await$platform$isEle = await (platform2.isElement == null ? void 0 : platform2.isElement(element))) != null ? _await$platform$isEle : true) ? element : element.contextElement || await (platform2.getDocumentElement == null ? void 0 : platform2.getDocumentElement(elements.floating)),
- boundary,
- rootBoundary,
- strategy
- }));
- const elementClientRect = rectToClientRect(platform2.convertOffsetParentRelativeRectToViewportRelativeRect ? await platform2.convertOffsetParentRelativeRectToViewportRelativeRect({
- rect: elementContext === "floating" ? {
- ...rects.floating,
- x,
- y
- } : rects.reference,
- offsetParent: await (platform2.getOffsetParent == null ? void 0 : platform2.getOffsetParent(elements.floating)),
- strategy
- }) : rects[elementContext]);
- return {
- top: clippingClientRect.top - elementClientRect.top + paddingObject.top,
- bottom: elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom,
- left: clippingClientRect.left - elementClientRect.left + paddingObject.left,
- right: elementClientRect.right - clippingClientRect.right + paddingObject.right
- };
- }
- var min$1 = Math.min;
- var max$1 = Math.max;
- function within(min$1$1, value, max$1$1) {
- return max$1(min$1$1, min$1(value, max$1$1));
- }
- var arrow = (options) => ({
- name: "arrow",
- options,
- async fn(middlewareArguments) {
- const {
- element,
- padding = 0
- } = options != null ? options : {};
- const {
- x,
- y,
- placement,
- rects,
- platform: platform2
- } = middlewareArguments;
- if (element == null) {
- return {};
- }
- const paddingObject = getSideObjectFromPadding(padding);
- const coords = {
- x,
- y
- };
- const axis = getMainAxisFromPlacement(placement);
- const alignment = getAlignment(placement);
- const length = getLengthFromAxis(axis);
- const arrowDimensions = await platform2.getDimensions(element);
- const minProp = axis === "y" ? "top" : "left";
- const maxProp = axis === "y" ? "bottom" : "right";
- const endDiff = rects.reference[length] + rects.reference[axis] - coords[axis] - rects.floating[length];
- const startDiff = coords[axis] - rects.reference[axis];
- const arrowOffsetParent = await (platform2.getOffsetParent == null ? void 0 : platform2.getOffsetParent(element));
- let clientSize = arrowOffsetParent ? axis === "y" ? arrowOffsetParent.clientHeight || 0 : arrowOffsetParent.clientWidth || 0 : 0;
- if (clientSize === 0) {
- clientSize = rects.floating[length];
- }
- const centerToReference = endDiff / 2 - startDiff / 2;
- const min2 = paddingObject[minProp];
- const max2 = clientSize - arrowDimensions[length] - paddingObject[maxProp];
- const center = clientSize / 2 - arrowDimensions[length] / 2 + centerToReference;
- const offset2 = within(min2, center, max2);
- const alignmentPadding = alignment === "start" ? paddingObject[minProp] : paddingObject[maxProp];
- const shouldAddOffset = alignmentPadding > 0 && center !== offset2 && rects.reference[length] <= rects.floating[length];
- const alignmentOffset = shouldAddOffset ? center < min2 ? min2 - center : max2 - center : 0;
- return {
- [axis]: coords[axis] - alignmentOffset,
- data: {
- [axis]: offset2,
- centerOffset: center - offset2
- }
- };
- }
- });
- var hash$1 = {
- left: "right",
- right: "left",
- bottom: "top",
- top: "bottom"
- };
- function getOppositePlacement(placement) {
- return placement.replace(/left|right|bottom|top/g, (matched) => hash$1[matched]);
- }
- function getAlignmentSides(placement, rects, rtl) {
- if (rtl === void 0) {
- rtl = false;
- }
- const alignment = getAlignment(placement);
- const mainAxis = getMainAxisFromPlacement(placement);
- const length = getLengthFromAxis(mainAxis);
- let mainAlignmentSide = mainAxis === "x" ? alignment === (rtl ? "end" : "start") ? "right" : "left" : alignment === "start" ? "bottom" : "top";
- if (rects.reference[length] > rects.floating[length]) {
- mainAlignmentSide = getOppositePlacement(mainAlignmentSide);
- }
- return {
- main: mainAlignmentSide,
- cross: getOppositePlacement(mainAlignmentSide)
- };
- }
- var hash = {
- start: "end",
- end: "start"
- };
- function getOppositeAlignmentPlacement(placement) {
- return placement.replace(/start|end/g, (matched) => hash[matched]);
- }
- var sides = ["top", "right", "bottom", "left"];
- var allPlacements = sides.reduce((acc, side) => acc.concat(side, side + "-start", side + "-end"), []);
- function getPlacementList(alignment, autoAlignment, allowedPlacements) {
- const allowedPlacementsSortedByAlignment = alignment ? [...allowedPlacements.filter((placement) => getAlignment(placement) === alignment), ...allowedPlacements.filter((placement) => getAlignment(placement) !== alignment)] : allowedPlacements.filter((placement) => getSide(placement) === placement);
- return allowedPlacementsSortedByAlignment.filter((placement) => {
- if (alignment) {
- return getAlignment(placement) === alignment || (autoAlignment ? getOppositeAlignmentPlacement(placement) !== placement : false);
- }
- return true;
- });
- }
- var autoPlacement = function(options) {
- if (options === void 0) {
- options = {};
- }
- return {
- name: "autoPlacement",
- options,
- async fn(middlewareArguments) {
- var _middlewareData$autoP, _middlewareData$autoP2, _middlewareData$autoP3, _middlewareData$autoP4, _placementsSortedByLe;
- const {
- x,
- y,
- rects,
- middlewareData,
- placement,
- platform: platform2,
- elements
- } = middlewareArguments;
- const {
- alignment = null,
- allowedPlacements = allPlacements,
- autoAlignment = true,
- ...detectOverflowOptions
- } = options;
- const placements = getPlacementList(alignment, autoAlignment, allowedPlacements);
- const overflow = await detectOverflow(middlewareArguments, detectOverflowOptions);
- const currentIndex = (_middlewareData$autoP = (_middlewareData$autoP2 = middlewareData.autoPlacement) == null ? void 0 : _middlewareData$autoP2.index) != null ? _middlewareData$autoP : 0;
- const currentPlacement = placements[currentIndex];
- if (currentPlacement == null) {
- return {};
- }
- const {
- main,
- cross
- } = getAlignmentSides(currentPlacement, rects, await (platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating)));
- if (placement !== currentPlacement) {
- return {
- x,
- y,
- reset: {
- placement: placements[0]
- }
- };
- }
- const currentOverflows = [overflow[getSide(currentPlacement)], overflow[main], overflow[cross]];
- const allOverflows = [...(_middlewareData$autoP3 = (_middlewareData$autoP4 = middlewareData.autoPlacement) == null ? void 0 : _middlewareData$autoP4.overflows) != null ? _middlewareData$autoP3 : [], {
- placement: currentPlacement,
- overflows: currentOverflows
- }];
- const nextPlacement = placements[currentIndex + 1];
- if (nextPlacement) {
- return {
- data: {
- index: currentIndex + 1,
- overflows: allOverflows
- },
- reset: {
- placement: nextPlacement
- }
- };
- }
- const placementsSortedByLeastOverflow = allOverflows.slice().sort((a, b) => a.overflows[0] - b.overflows[0]);
- const placementThatFitsOnAllSides = (_placementsSortedByLe = placementsSortedByLeastOverflow.find((_ref) => {
- let {
- overflows
- } = _ref;
- return overflows.every((overflow2) => overflow2 <= 0);
- })) == null ? void 0 : _placementsSortedByLe.placement;
- const resetPlacement = placementThatFitsOnAllSides != null ? placementThatFitsOnAllSides : placementsSortedByLeastOverflow[0].placement;
- if (resetPlacement !== placement) {
- return {
- data: {
- index: currentIndex + 1,
- overflows: allOverflows
- },
- reset: {
- placement: resetPlacement
- }
- };
- }
- return {};
- }
- };
- };
- function getExpandedPlacements(placement) {
- const oppositePlacement = getOppositePlacement(placement);
- return [getOppositeAlignmentPlacement(placement), oppositePlacement, getOppositeAlignmentPlacement(oppositePlacement)];
- }
- var flip = function(options) {
- if (options === void 0) {
- options = {};
- }
- return {
- name: "flip",
- options,
- async fn(middlewareArguments) {
- var _middlewareData$flip;
- const {
- placement,
- middlewareData,
- rects,
- initialPlacement,
- platform: platform2,
- elements
- } = middlewareArguments;
- const {
- mainAxis: checkMainAxis = true,
- crossAxis: checkCrossAxis = true,
- fallbackPlacements: specifiedFallbackPlacements,
- fallbackStrategy = "bestFit",
- flipAlignment = true,
- ...detectOverflowOptions
- } = options;
- const side = getSide(placement);
- const isBasePlacement = side === initialPlacement;
- const fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipAlignment ? [getOppositePlacement(initialPlacement)] : getExpandedPlacements(initialPlacement));
- const placements = [initialPlacement, ...fallbackPlacements];
- const overflow = await detectOverflow(middlewareArguments, detectOverflowOptions);
- const overflows = [];
- let overflowsData = ((_middlewareData$flip = middlewareData.flip) == null ? void 0 : _middlewareData$flip.overflows) || [];
- if (checkMainAxis) {
- overflows.push(overflow[side]);
- }
- if (checkCrossAxis) {
- const {
- main,
- cross
- } = getAlignmentSides(placement, rects, await (platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating)));
- overflows.push(overflow[main], overflow[cross]);
- }
- overflowsData = [...overflowsData, {
- placement,
- overflows
- }];
- if (!overflows.every((side2) => side2 <= 0)) {
- var _middlewareData$flip$, _middlewareData$flip2;
- const nextIndex = ((_middlewareData$flip$ = (_middlewareData$flip2 = middlewareData.flip) == null ? void 0 : _middlewareData$flip2.index) != null ? _middlewareData$flip$ : 0) + 1;
- const nextPlacement = placements[nextIndex];
- if (nextPlacement) {
- return {
- data: {
- index: nextIndex,
- overflows: overflowsData
- },
- reset: {
- placement: nextPlacement
- }
- };
- }
- let resetPlacement = "bottom";
- switch (fallbackStrategy) {
- case "bestFit": {
- var _overflowsData$map$so;
- const placement2 = (_overflowsData$map$so = overflowsData.map((d) => [d, d.overflows.filter((overflow2) => overflow2 > 0).reduce((acc, overflow2) => acc + overflow2, 0)]).sort((a, b) => a[1] - b[1])[0]) == null ? void 0 : _overflowsData$map$so[0].placement;
- if (placement2) {
- resetPlacement = placement2;
- }
- break;
- }
- case "initialPlacement":
- resetPlacement = initialPlacement;
- break;
- }
- if (placement !== resetPlacement) {
- return {
- reset: {
- placement: resetPlacement
- }
- };
- }
- }
- return {};
- }
- };
- };
- function getSideOffsets(overflow, rect) {
- return {
- top: overflow.top - rect.height,
- right: overflow.right - rect.width,
- bottom: overflow.bottom - rect.height,
- left: overflow.left - rect.width
- };
- }
- function isAnySideFullyClipped(overflow) {
- return sides.some((side) => overflow[side] >= 0);
- }
- var hide = function(_temp) {
- let {
- strategy = "referenceHidden",
- ...detectOverflowOptions
- } = _temp === void 0 ? {} : _temp;
- return {
- name: "hide",
- async fn(middlewareArguments) {
- const {
- rects
- } = middlewareArguments;
- switch (strategy) {
- case "referenceHidden": {
- const overflow = await detectOverflow(middlewareArguments, {
- ...detectOverflowOptions,
- elementContext: "reference"
- });
- const offsets = getSideOffsets(overflow, rects.reference);
- return {
- data: {
- referenceHiddenOffsets: offsets,
- referenceHidden: isAnySideFullyClipped(offsets)
- }
- };
- }
- case "escaped": {
- const overflow = await detectOverflow(middlewareArguments, {
- ...detectOverflowOptions,
- altBoundary: true
- });
- const offsets = getSideOffsets(overflow, rects.floating);
- return {
- data: {
- escapedOffsets: offsets,
- escaped: isAnySideFullyClipped(offsets)
- }
- };
- }
- default: {
- return {};
- }
- }
- }
- };
- };
- async function convertValueToCoords(middlewareArguments, value) {
- const {
- placement,
- platform: platform2,
- elements
- } = middlewareArguments;
- const rtl = await (platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating));
- const side = getSide(placement);
- const alignment = getAlignment(placement);
- const isVertical = getMainAxisFromPlacement(placement) === "x";
- const mainAxisMulti = ["left", "top"].includes(side) ? -1 : 1;
- const crossAxisMulti = rtl && isVertical ? -1 : 1;
- const rawValue = typeof value === "function" ? value(middlewareArguments) : value;
- let {
- mainAxis,
- crossAxis,
- alignmentAxis
- } = typeof rawValue === "number" ? {
- mainAxis: rawValue,
- crossAxis: 0,
- alignmentAxis: null
- } : {
- mainAxis: 0,
- crossAxis: 0,
- alignmentAxis: null,
- ...rawValue
- };
- if (alignment && typeof alignmentAxis === "number") {
- crossAxis = alignment === "end" ? alignmentAxis * -1 : alignmentAxis;
- }
- return isVertical ? {
- x: crossAxis * crossAxisMulti,
- y: mainAxis * mainAxisMulti
- } : {
- x: mainAxis * mainAxisMulti,
- y: crossAxis * crossAxisMulti
- };
- }
- var offset = function(value) {
- if (value === void 0) {
- value = 0;
- }
- return {
- name: "offset",
- options: value,
- async fn(middlewareArguments) {
- const {
- x,
- y
- } = middlewareArguments;
- const diffCoords = await convertValueToCoords(middlewareArguments, value);
- return {
- x: x + diffCoords.x,
- y: y + diffCoords.y,
- data: diffCoords
- };
- }
- };
- };
- function getCrossAxis(axis) {
- return axis === "x" ? "y" : "x";
- }
- var shift = function(options) {
- if (options === void 0) {
- options = {};
- }
- return {
- name: "shift",
- options,
- async fn(middlewareArguments) {
- const {
- x,
- y,
- placement
- } = middlewareArguments;
- const {
- mainAxis: checkMainAxis = true,
- crossAxis: checkCrossAxis = false,
- limiter = {
- fn: (_ref) => {
- let {
- x: x2,
- y: y2
- } = _ref;
- return {
- x: x2,
- y: y2
- };
- }
- },
- ...detectOverflowOptions
- } = options;
- const coords = {
- x,
- y
- };
- const overflow = await detectOverflow(middlewareArguments, detectOverflowOptions);
- const mainAxis = getMainAxisFromPlacement(getSide(placement));
- const crossAxis = getCrossAxis(mainAxis);
- let mainAxisCoord = coords[mainAxis];
- let crossAxisCoord = coords[crossAxis];
- if (checkMainAxis) {
- const minSide = mainAxis === "y" ? "top" : "left";
- const maxSide = mainAxis === "y" ? "bottom" : "right";
- const min2 = mainAxisCoord + overflow[minSide];
- const max2 = mainAxisCoord - overflow[maxSide];
- mainAxisCoord = within(min2, mainAxisCoord, max2);
- }
- if (checkCrossAxis) {
- const minSide = crossAxis === "y" ? "top" : "left";
- const maxSide = crossAxis === "y" ? "bottom" : "right";
- const min2 = crossAxisCoord + overflow[minSide];
- const max2 = crossAxisCoord - overflow[maxSide];
- crossAxisCoord = within(min2, crossAxisCoord, max2);
- }
- const limitedCoords = limiter.fn({
- ...middlewareArguments,
- [mainAxis]: mainAxisCoord,
- [crossAxis]: crossAxisCoord
- });
- return {
- ...limitedCoords,
- data: {
- x: limitedCoords.x - x,
- y: limitedCoords.y - y
- }
- };
- }
- };
- };
- function isWindow(value) {
- return value && value.document && value.location && value.alert && value.setInterval;
- }
- function getWindow(node) {
- if (node == null) {
- return window;
- }
- if (!isWindow(node)) {
- const ownerDocument = node.ownerDocument;
- return ownerDocument ? ownerDocument.defaultView || window : window;
- }
- return node;
- }
- function getComputedStyle(element) {
- return getWindow(element).getComputedStyle(element);
- }
- function getNodeName(node) {
- return isWindow(node) ? "" : node ? (node.nodeName || "").toLowerCase() : "";
- }
- function getUAString() {
- const uaData = navigator.userAgentData;
- if (uaData != null && uaData.brands) {
- return uaData.brands.map((item) => item.brand + "/" + item.version).join(" ");
- }
- return navigator.userAgent;
- }
- function isHTMLElement(value) {
- return value instanceof getWindow(value).HTMLElement;
- }
- function isElement(value) {
- return value instanceof getWindow(value).Element;
- }
- function isNode(value) {
- return value instanceof getWindow(value).Node;
- }
- function isShadowRoot(node) {
- if (typeof ShadowRoot === "undefined") {
- return false;
- }
- const OwnElement = getWindow(node).ShadowRoot;
- return node instanceof OwnElement || node instanceof ShadowRoot;
- }
- function isOverflowElement(element) {
- const {
- overflow,
- overflowX,
- overflowY,
- display
- } = getComputedStyle(element);
- return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX) && !["inline", "contents"].includes(display);
- }
- function isTableElement(element) {
- return ["table", "td", "th"].includes(getNodeName(element));
- }
- function isContainingBlock(element) {
- const isFirefox = /firefox/i.test(getUAString());
- const css = getComputedStyle(element);
- return css.transform !== "none" || css.perspective !== "none" || isFirefox && css.willChange === "filter" || isFirefox && (css.filter ? css.filter !== "none" : false) || ["transform", "perspective"].some((value) => css.willChange.includes(value)) || ["paint", "layout", "strict", "content"].some(
- (value) => {
- const contain = css.contain;
- return contain != null ? contain.includes(value) : false;
- }
- );
- }
- function isLayoutViewport() {
- return !/^((?!chrome|android).)*safari/i.test(getUAString());
- }
- function isLastTraversableNode(node) {
- return ["html", "body", "#document"].includes(getNodeName(node));
- }
- var min = Math.min;
- var max = Math.max;
- var round = Math.round;
- function getBoundingClientRect(element, includeScale, isFixedStrategy) {
- var _win$visualViewport$o, _win$visualViewport, _win$visualViewport$o2, _win$visualViewport2;
- if (includeScale === void 0) {
- includeScale = false;
- }
- if (isFixedStrategy === void 0) {
- isFixedStrategy = false;
- }
- const clientRect = element.getBoundingClientRect();
- let scaleX = 1;
- let scaleY = 1;
- if (includeScale && isHTMLElement(element)) {
- scaleX = element.offsetWidth > 0 ? round(clientRect.width) / element.offsetWidth || 1 : 1;
- scaleY = element.offsetHeight > 0 ? round(clientRect.height) / element.offsetHeight || 1 : 1;
- }
- const win = isElement(element) ? getWindow(element) : window;
- const addVisualOffsets = !isLayoutViewport() && isFixedStrategy;
- const x = (clientRect.left + (addVisualOffsets ? (_win$visualViewport$o = (_win$visualViewport = win.visualViewport) == null ? void 0 : _win$visualViewport.offsetLeft) != null ? _win$visualViewport$o : 0 : 0)) / scaleX;
- const y = (clientRect.top + (addVisualOffsets ? (_win$visualViewport$o2 = (_win$visualViewport2 = win.visualViewport) == null ? void 0 : _win$visualViewport2.offsetTop) != null ? _win$visualViewport$o2 : 0 : 0)) / scaleY;
- const width = clientRect.width / scaleX;
- const height = clientRect.height / scaleY;
- return {
- width,
- height,
- top: y,
- right: x + width,
- bottom: y + height,
- left: x,
- x,
- y
- };
- }
- function getDocumentElement(node) {
- return ((isNode(node) ? node.ownerDocument : node.document) || window.document).documentElement;
- }
- function getNodeScroll(element) {
- if (isElement(element)) {
- return {
- scrollLeft: element.scrollLeft,
- scrollTop: element.scrollTop
- };
- }
- return {
- scrollLeft: element.pageXOffset,
- scrollTop: element.pageYOffset
- };
- }
- function getWindowScrollBarX(element) {
- return getBoundingClientRect(getDocumentElement(element)).left + getNodeScroll(element).scrollLeft;
- }
- function isScaled(element) {
- const rect = getBoundingClientRect(element);
- return round(rect.width) !== element.offsetWidth || round(rect.height) !== element.offsetHeight;
- }
- function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
- const isOffsetParentAnElement = isHTMLElement(offsetParent);
- const documentElement = getDocumentElement(offsetParent);
- const rect = getBoundingClientRect(
- element,
- isOffsetParentAnElement && isScaled(offsetParent),
- strategy === "fixed"
- );
- let scroll = {
- scrollLeft: 0,
- scrollTop: 0
- };
- const offsets = {
- x: 0,
- y: 0
- };
- if (isOffsetParentAnElement || !isOffsetParentAnElement && strategy !== "fixed") {
- if (getNodeName(offsetParent) !== "body" || isOverflowElement(documentElement)) {
- scroll = getNodeScroll(offsetParent);
- }
- if (isHTMLElement(offsetParent)) {
- const offsetRect = getBoundingClientRect(offsetParent, true);
- offsets.x = offsetRect.x + offsetParent.clientLeft;
- offsets.y = offsetRect.y + offsetParent.clientTop;
- } else if (documentElement) {
- offsets.x = getWindowScrollBarX(documentElement);
- }
- }
- return {
- x: rect.left + scroll.scrollLeft - offsets.x,
- y: rect.top + scroll.scrollTop - offsets.y,
- width: rect.width,
- height: rect.height
- };
- }
- function getParentNode(node) {
- if (getNodeName(node) === "html") {
- return node;
- }
- return node.assignedSlot || node.parentNode || (isShadowRoot(node) ? node.host : null) || getDocumentElement(node);
- }
- function getTrueOffsetParent(element) {
- if (!isHTMLElement(element) || getComputedStyle(element).position === "fixed") {
- return null;
- }
- return element.offsetParent;
- }
- function getContainingBlock(element) {
- let currentNode = getParentNode(element);
- if (isShadowRoot(currentNode)) {
- currentNode = currentNode.host;
- }
- while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {
- if (isContainingBlock(currentNode)) {
- return currentNode;
- } else {
- const parent = currentNode.parentNode;
- currentNode = isShadowRoot(parent) ? parent.host : parent;
- }
- }
- return null;
- }
- function getOffsetParent(element) {
- const window2 = getWindow(element);
- let offsetParent = getTrueOffsetParent(element);
- while (offsetParent && isTableElement(offsetParent) && getComputedStyle(offsetParent).position === "static") {
- offsetParent = getTrueOffsetParent(offsetParent);
- }
- if (offsetParent && (getNodeName(offsetParent) === "html" || getNodeName(offsetParent) === "body" && getComputedStyle(offsetParent).position === "static" && !isContainingBlock(offsetParent))) {
- return window2;
- }
- return offsetParent || getContainingBlock(element) || window2;
- }
- function getDimensions(element) {
- if (isHTMLElement(element)) {
- return {
- width: element.offsetWidth,
- height: element.offsetHeight
- };
- }
- const rect = getBoundingClientRect(element);
- return {
- width: rect.width,
- height: rect.height
- };
- }
- function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
- let {
- rect,
- offsetParent,
- strategy
- } = _ref;
- const isOffsetParentAnElement = isHTMLElement(offsetParent);
- const documentElement = getDocumentElement(offsetParent);
- if (offsetParent === documentElement) {
- return rect;
- }
- let scroll = {
- scrollLeft: 0,
- scrollTop: 0
- };
- const offsets = {
- x: 0,
- y: 0
- };
- if (isOffsetParentAnElement || !isOffsetParentAnElement && strategy !== "fixed") {
- if (getNodeName(offsetParent) !== "body" || isOverflowElement(documentElement)) {
- scroll = getNodeScroll(offsetParent);
- }
- if (isHTMLElement(offsetParent)) {
- const offsetRect = getBoundingClientRect(offsetParent, true);
- offsets.x = offsetRect.x + offsetParent.clientLeft;
- offsets.y = offsetRect.y + offsetParent.clientTop;
- }
- }
- return {
- ...rect,
- x: rect.x - scroll.scrollLeft + offsets.x,
- y: rect.y - scroll.scrollTop + offsets.y
- };
- }
- function getViewportRect(element, strategy) {
- const win = getWindow(element);
- const html = getDocumentElement(element);
- const visualViewport = win.visualViewport;
- let width = html.clientWidth;
- let height = html.clientHeight;
- let x = 0;
- let y = 0;
- if (visualViewport) {
- width = visualViewport.width;
- height = visualViewport.height;
- const layoutViewport = isLayoutViewport();
- if (layoutViewport || !layoutViewport && strategy === "fixed") {
- x = visualViewport.offsetLeft;
- y = visualViewport.offsetTop;
- }
- }
- return {
- width,
- height,
- x,
- y
- };
- }
- function getDocumentRect(element) {
- var _element$ownerDocumen;
- const html = getDocumentElement(element);
- const scroll = getNodeScroll(element);
- const body = (_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body;
- const width = max(html.scrollWidth, html.clientWidth, body ? body.scrollWidth : 0, body ? body.clientWidth : 0);
- const height = max(html.scrollHeight, html.clientHeight, body ? body.scrollHeight : 0, body ? body.clientHeight : 0);
- let x = -scroll.scrollLeft + getWindowScrollBarX(element);
- const y = -scroll.scrollTop;
- if (getComputedStyle(body || html).direction === "rtl") {
- x += max(html.clientWidth, body ? body.clientWidth : 0) - width;
- }
- return {
- width,
- height,
- x,
- y
- };
- }
- function getNearestOverflowAncestor(node) {
- const parentNode = getParentNode(node);
- if (isLastTraversableNode(parentNode)) {
- return node.ownerDocument.body;
- }
- if (isHTMLElement(parentNode) && isOverflowElement(parentNode)) {
- return parentNode;
- }
- return getNearestOverflowAncestor(parentNode);
- }
- function getOverflowAncestors(node, list) {
- var _node$ownerDocument;
- if (list === void 0) {
- list = [];
- }
- const scrollableAncestor = getNearestOverflowAncestor(node);
- const isBody = scrollableAncestor === ((_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.body);
- const win = getWindow(scrollableAncestor);
- const target = isBody ? [win].concat(win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : []) : scrollableAncestor;
- const updatedList = list.concat(target);
- return isBody ? updatedList : updatedList.concat(getOverflowAncestors(target));
- }
- function contains(parent, child) {
- const rootNode = child.getRootNode == null ? void 0 : child.getRootNode();
- if (parent.contains(child)) {
- return true;
- } else if (rootNode && isShadowRoot(rootNode)) {
- let next = child;
- do {
- if (next && parent === next) {
- return true;
- }
- next = next.parentNode || next.host;
- } while (next);
- }
- return false;
- }
- function getNearestParentCapableOfEscapingClipping(element, clippingAncestors) {
- let currentNode = element;
- while (currentNode && !isLastTraversableNode(currentNode) && !clippingAncestors.includes(currentNode)) {
- if (isElement(currentNode) && ["absolute", "fixed"].includes(getComputedStyle(currentNode).position)) {
- break;
- }
- const parentNode = getParentNode(currentNode);
- currentNode = isShadowRoot(parentNode) ? parentNode.host : parentNode;
- }
- return currentNode;
- }
- function getInnerBoundingClientRect(element, strategy) {
- const clientRect = getBoundingClientRect(element, false, strategy === "fixed");
- const top = clientRect.top + element.clientTop;
- const left = clientRect.left + element.clientLeft;
- return {
- top,
- left,
- x: left,
- y: top,
- right: left + element.clientWidth,
- bottom: top + element.clientHeight,
- width: element.clientWidth,
- height: element.clientHeight
- };
- }
- function getClientRectFromClippingAncestor(element, clippingParent, strategy) {
- if (clippingParent === "viewport") {
- return rectToClientRect(getViewportRect(element, strategy));
- }
- if (isElement(clippingParent)) {
- return getInnerBoundingClientRect(clippingParent, strategy);
- }
- return rectToClientRect(getDocumentRect(getDocumentElement(element)));
- }
- function getClippingAncestors(element) {
- const clippingAncestors = getOverflowAncestors(element);
- const nearestEscapableParent = getNearestParentCapableOfEscapingClipping(element, clippingAncestors);
- let clipperElement = null;
- if (nearestEscapableParent && isHTMLElement(nearestEscapableParent)) {
- const offsetParent = getOffsetParent(nearestEscapableParent);
- if (isOverflowElement(nearestEscapableParent)) {
- clipperElement = nearestEscapableParent;
- } else if (isHTMLElement(offsetParent)) {
- clipperElement = offsetParent;
- }
- }
- if (!isElement(clipperElement)) {
- return [];
- }
- return clippingAncestors.filter((clippingAncestors2) => clipperElement && isElement(clippingAncestors2) && contains(clippingAncestors2, clipperElement) && getNodeName(clippingAncestors2) !== "body");
- }
- function getClippingRect(_ref) {
- let {
- element,
- boundary,
- rootBoundary,
- strategy
- } = _ref;
- const mainClippingAncestors = boundary === "clippingAncestors" ? getClippingAncestors(element) : [].concat(boundary);
- const clippingAncestors = [...mainClippingAncestors, rootBoundary];
- const firstClippingAncestor = clippingAncestors[0];
- const clippingRect = clippingAncestors.reduce((accRect, clippingAncestor) => {
- const rect = getClientRectFromClippingAncestor(element, clippingAncestor, strategy);
- accRect.top = max(rect.top, accRect.top);
- accRect.right = min(rect.right, accRect.right);
- accRect.bottom = min(rect.bottom, accRect.bottom);
- accRect.left = max(rect.left, accRect.left);
- return accRect;
- }, getClientRectFromClippingAncestor(element, firstClippingAncestor, strategy));
- return {
- width: clippingRect.right - clippingRect.left,
- height: clippingRect.bottom - clippingRect.top,
- x: clippingRect.left,
- y: clippingRect.top
- };
- }
- var platform = {
- getClippingRect,
- convertOffsetParentRelativeRectToViewportRelativeRect,
- isElement,
- getDimensions,
- getOffsetParent,
- getDocumentElement,
- getElementRects: (_ref) => {
- let {
- reference,
- floating,
- strategy
- } = _ref;
- return {
- reference: getRectRelativeToOffsetParent(reference, getOffsetParent(floating), strategy),
- floating: {
- ...getDimensions(floating),
- x: 0,
- y: 0
- }
- };
- },
- getClientRects: (element) => Array.from(element.getClientRects()),
- isRTL: (element) => getComputedStyle(element).direction === "rtl"
- };
- function autoUpdate(reference, floating, update, options) {
- if (options === void 0) {
- options = {};
- }
- const {
- ancestorScroll: _ancestorScroll = true,
- ancestorResize = true,
- elementResize = true,
- animationFrame = false
- } = options;
- const ancestorScroll = _ancestorScroll && !animationFrame;
- const ancestors = ancestorScroll || ancestorResize ? [...isElement(reference) ? getOverflowAncestors(reference) : [], ...getOverflowAncestors(floating)] : [];
- ancestors.forEach((ancestor) => {
- ancestorScroll && ancestor.addEventListener("scroll", update, {
- passive: true
- });
- ancestorResize && ancestor.addEventListener("resize", update);
- });
- let observer = null;
- if (elementResize) {
- let initialUpdate = true;
- observer = new ResizeObserver(() => {
- if (!initialUpdate) {
- update();
- }
- initialUpdate = false;
- });
- isElement(reference) && !animationFrame && observer.observe(reference);
- observer.observe(floating);
- }
- let frameId;
- let prevRefRect = animationFrame ? getBoundingClientRect(reference) : null;
- if (animationFrame) {
- frameLoop();
- }
- function frameLoop() {
- const nextRefRect = getBoundingClientRect(reference);
- if (prevRefRect && (nextRefRect.x !== prevRefRect.x || nextRefRect.y !== prevRefRect.y || nextRefRect.width !== prevRefRect.width || nextRefRect.height !== prevRefRect.height)) {
- update();
- }
- prevRefRect = nextRefRect;
- frameId = requestAnimationFrame(frameLoop);
- }
- update();
- return () => {
- var _observer;
- ancestors.forEach((ancestor) => {
- ancestorScroll && ancestor.removeEventListener("scroll", update);
- ancestorResize && ancestor.removeEventListener("resize", update);
- });
- (_observer = observer) == null ? void 0 : _observer.disconnect();
- observer = null;
- if (animationFrame) {
- cancelAnimationFrame(frameId);
- }
- };
- }
- var computePosition = (reference, floating, options) => computePosition$1(reference, floating, {
- platform,
- ...options
- });
- var configOverrides = globalThis["calciteComponentsConfig"];
- var config = {
- floatingUINonChromiumPositioningFix: true,
- ...configOverrides
- };
- var floatingUIBrowserCheck = patchFloatingUiForNonChromiumBrowsers();
- async function patchFloatingUiForNonChromiumBrowsers() {
- function getUAString2() {
- const uaData = navigator.userAgentData;
- if (uaData === null || uaData === void 0 ? void 0 : uaData.brands) {
- return uaData.brands.map((item) => `${item.brand}/${item.version}`).join(" ");
- }
- return navigator.userAgent;
- }
- if (Build.isBrowser && config.floatingUINonChromiumPositioningFix && /firefox|safari/i.test(getUAString2())) {
- const { getClippingRect: getClippingRect2, getElementRects, getOffsetParent: getOffsetParent2 } = await import("./nonChromiumPlatformUtils-WEX4VIW3.js");
- platform.getClippingRect = getClippingRect2;
- platform.getOffsetParent = getOffsetParent2;
- platform.getElementRects = getElementRects;
- }
- }
- var placementDataAttribute = "data-placement";
- var repositionDebounceTimeout = 100;
- var effectivePlacements = [
- "top",
- "bottom",
- "right",
- "left",
- "top-start",
- "top-end",
- "bottom-start",
- "bottom-end",
- "right-start",
- "right-end",
- "left-start",
- "left-end"
- ];
- var FloatingCSS = {
- animation: "calcite-floating-ui-anim",
- animationActive: "calcite-floating-ui-anim--active"
- };
- function getMiddleware({ placement, disableFlip, flipPlacements, offsetDistance, offsetSkidding, arrowEl, type }) {
- const defaultMiddleware = [shift(), hide()];
- if (type === "menu") {
- return [
- ...defaultMiddleware,
- flip({
- fallbackPlacements: flipPlacements || ["top-start", "top", "top-end", "bottom-start", "bottom", "bottom-end"]
- })
- ];
- }
- if (type === "popover" || type === "tooltip") {
- const middleware = [
- ...defaultMiddleware,
- offset({
- mainAxis: typeof offsetDistance === "number" ? offsetDistance : 0,
- crossAxis: typeof offsetSkidding === "number" ? offsetSkidding : 0
- })
- ];
- if (placement === "auto" || placement === "auto-start" || placement === "auto-end") {
- middleware.push(autoPlacement({ alignment: placement === "auto-start" ? "start" : placement === "auto-end" ? "end" : null }));
- } else if (!disableFlip) {
- middleware.push(flip(flipPlacements ? { fallbackPlacements: flipPlacements } : {}));
- }
- if (arrowEl) {
- middleware.push(arrow({
- element: arrowEl
- }));
- }
- return middleware;
- }
- return [];
- }
- function filterComputedPlacements(placements, el) {
- const filteredPlacements = placements.filter((placement) => effectivePlacements.includes(placement));
- if (filteredPlacements.length !== placements.length) {
- console.warn(`${el.tagName}: Invalid value found in: flipPlacements. Try any of these: ${effectivePlacements.map((placement) => `"${placement}"`).join(", ").trim()}`, { el });
- }
- return filteredPlacements;
- }
- function getEffectivePlacement(floatingEl, placement) {
- const placements = ["left", "right"];
- if (getElementDir(floatingEl) === "rtl") {
- placements.reverse();
- }
- return placement.replace(/-leading/gi, "-start").replace(/-trailing/gi, "-end").replace(/leading/gi, placements[0]).replace(/trailing/gi, placements[1]);
- }
- async function reposition(component, options, delayed = false) {
- if (!component.open) {
- return;
- }
- return delayed ? debouncedReposition(options) : positionFloatingUI(options);
- }
- var debouncedReposition = debounce(positionFloatingUI, repositionDebounceTimeout, {
- leading: true,
- maxWait: repositionDebounceTimeout
- });
- async function positionFloatingUI({ referenceEl, floatingEl, overlayPositioning = "absolute", placement, disableFlip, flipPlacements, offsetDistance, offsetSkidding, includeArrow = false, arrowEl, type }) {
- var _a;
- if (!referenceEl || !floatingEl || includeArrow && !arrowEl) {
- return null;
- }
- await floatingUIBrowserCheck;
- const { x, y, placement: effectivePlacement, strategy: position, middlewareData } = await computePosition(referenceEl, floatingEl, {
- strategy: overlayPositioning,
- placement: placement === "auto" || placement === "auto-start" || placement === "auto-end" ? void 0 : getEffectivePlacement(floatingEl, placement),
- middleware: getMiddleware({
- placement,
- disableFlip,
- flipPlacements,
- offsetDistance,
- offsetSkidding,
- arrowEl,
- type
- })
- });
- if (middlewareData === null || middlewareData === void 0 ? void 0 : middlewareData.arrow) {
- const { x: arrowX, y: arrowY } = middlewareData.arrow;
- Object.assign(arrowEl.style, {
- left: arrowX != null ? `${arrowX}px` : "",
- top: arrowY != null ? `${arrowY}px` : ""
- });
- }
- const referenceHidden = (_a = middlewareData === null || middlewareData === void 0 ? void 0 : middlewareData.hide) === null || _a === void 0 ? void 0 : _a.referenceHidden;
- const visibility = referenceHidden ? "hidden" : null;
- const pointerEvents = visibility ? "none" : null;
- floatingEl.setAttribute(placementDataAttribute, effectivePlacement);
- const transform = `translate(${Math.round(x)}px,${Math.round(y)}px)`;
- Object.assign(floatingEl.style, {
- visibility,
- pointerEvents,
- position,
- top: "0",
- left: "0",
- transform
- });
- }
- var cleanupMap = /* @__PURE__ */ new WeakMap();
- function connectFloatingUI(component, referenceEl, floatingEl) {
- if (!floatingEl || !referenceEl) {
- return;
- }
- disconnectFloatingUI(component, referenceEl, floatingEl);
- const position = component.overlayPositioning;
- floatingEl.style.position = position;
- if (position === "absolute") {
- moveOffScreen(floatingEl);
- }
- const runAutoUpdate = Build.isBrowser ? autoUpdate : (_refEl, _floatingEl, updateCallback) => {
- updateCallback();
- return () => {
- };
- };
- cleanupMap.set(component, runAutoUpdate(referenceEl, floatingEl, () => component.reposition()));
- }
- function disconnectFloatingUI(component, referenceEl, floatingEl) {
- if (!floatingEl || !referenceEl) {
- return;
- }
- getTransitionTarget(floatingEl).removeEventListener("transitionend", handleTransitionElTransitionEnd);
- const cleanup = cleanupMap.get(component);
- if (cleanup) {
- cleanup();
- }
- cleanupMap.delete(component);
- }
- var visiblePointerSize = 4;
- var defaultOffsetDistance = Math.ceil(Math.hypot(visiblePointerSize, visiblePointerSize));
- function updateAfterClose(floatingEl) {
- if (!floatingEl || floatingEl.style.position !== "absolute") {
- return;
- }
- getTransitionTarget(floatingEl).addEventListener("transitionend", handleTransitionElTransitionEnd);
- }
- function getTransitionTarget(floatingEl) {
- return floatingEl.shadowRoot || floatingEl;
- }
- function handleTransitionElTransitionEnd(event) {
- const floatingTransitionEl = event.target;
- if (event.propertyName === "opacity" && floatingTransitionEl.classList.contains(FloatingCSS.animation)) {
- const floatingEl = getFloatingElFromTransitionTarget(floatingTransitionEl);
- moveOffScreen(floatingEl);
- getTransitionTarget(floatingEl).removeEventListener("transitionend", handleTransitionElTransitionEnd);
- }
- }
- function moveOffScreen(floatingEl) {
- floatingEl.style.transform = "";
- floatingEl.style.top = "-99999px";
- floatingEl.style.left = "-99999px";
- }
- function getFloatingElFromTransitionTarget(floatingTransitionEl) {
- return closestElementCrossShadowBoundary(floatingTransitionEl, `[${placementDataAttribute}]`);
- }
- export {
- rectToClientRect,
- FloatingCSS,
- filterComputedPlacements,
- reposition,
- connectFloatingUI,
- disconnectFloatingUI,
- defaultOffsetDistance,
- updateAfterClose
- };
- /*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.97
- */
- //# sourceMappingURL=chunk-LPWNO2ZS.js.map
|