@esri/calcite-components 1.0.0-next.672 → 1.0.0-next.673

package/hydrate/index.js

@@ -1,7 +1,7 @@
 /*!
  * 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-next.672
+ * v1.0.0-next.673
  */
 'use strict';
 
@@ -14422,16 +14422,25 @@ async function detectOverflow(middlewareArguments, options) {
     x,
     y
   } : rects.reference;
+  const offsetParent = await (platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(elements.floating));
+  const offsetScale = (await (platform.isElement == null ? void 0 : platform.isElement(offsetParent))) ? (await (platform.getScale == null ? void 0 : platform.getScale(offsetParent))) || {
+    x: 1,
+    y: 1
+  } : {
+    x: 1,
+    y: 1
+  };
   const elementClientRect = rectToClientRect(platform.convertOffsetParentRelativeRectToViewportRelativeRect ? await platform.convertOffsetParentRelativeRectToViewportRelativeRect({
     rect,
-    offsetParent: await (platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(elements.floating)),
+    offsetParent,
     strategy
   }) : rect);
+
   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
+    top: (clippingClientRect.top - elementClientRect.top + paddingObject.top) / offsetScale.y,
+    bottom: (elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom) / offsetScale.y,
+    left: (clippingClientRect.left - elementClientRect.left + paddingObject.left) / offsetScale.x,
+    right: (elementClientRect.right - clippingClientRect.right + paddingObject.right) / offsetScale.x
   };
 }
 
@@ -15020,11 +15029,17 @@ function getNodeName(node) {
   return isNode(node) ? (node.nodeName || '').toLowerCase() : '';
 }
 
+let uaString;
 function getUAString() {
+  if (uaString) {
+    return uaString;
+  }
+
   const uaData = navigator.userAgentData;
 
   if (uaData && Array.isArray(uaData.brands)) {
-    return uaData.brands.map(item => item.brand + "/" + item.version).join(' ');
+    uaString = uaData.brands.map(item => item.brand + "/" + item.version).join(' ');
+    return uaString;
   }
 
   return navigator.userAgent;
@@ -15087,11 +15102,37 @@ function isLastTraversableNode(node) {
   return ['html', 'body', '#document'].includes(getNodeName(node));
 }
 
-const min = Math.min;
-const max = Math.max;
-const round = Math.round;
+const FALLBACK_SCALE = {
+  x: 1,
+  y: 1
+};
+function getScale(element) {
+  const domElement = !isElement(element) && element.contextElement ? element.contextElement : isElement(element) ? element : null;
+
+  if (!domElement) {
+    return FALLBACK_SCALE;
+  }
+
+  const rect = domElement.getBoundingClientRect();
+  const css = getComputedStyle$1(domElement);
+  let x = rect.width / parseFloat(css.width);
+  let y = rect.height / parseFloat(css.height); // 0, NaN, or Infinity should always fallback to 1.
+
+  if (!x || !Number.isFinite(x)) {
+    x = 1;
+  }
 
-function getBoundingClientRect(element, includeScale, isFixedStrategy) {
+  if (!y || !Number.isFinite(y)) {
+    y = 1;
+  }
+
+  return {
+    x,
+    y
+  };
+}
+
+function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetParent) {
   var _win$visualViewport$o, _win$visualViewport, _win$visualViewport$o2, _win$visualViewport2;
 
   if (includeScale === void 0) {
@@ -15103,27 +15144,24 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy) {
   }
 
   const clientRect = element.getBoundingClientRect();
-  let contextRect = clientRect;
-  let elementToCheckForScale = element;
-  let scaleX = 1;
-  let scaleY = 1;
-
-  if (!isElement(element) && element.contextElement) {
-    contextRect = element.contextElement.getBoundingClientRect();
-    elementToCheckForScale = element.contextElement;
-  }
+  let scale = FALLBACK_SCALE;
 
-  if (includeScale && isHTMLElement(elementToCheckForScale)) {
-    scaleX = elementToCheckForScale.offsetWidth > 0 ? round(contextRect.width) / elementToCheckForScale.offsetWidth || 1 : 1;
-    scaleY = elementToCheckForScale.offsetHeight > 0 ? round(contextRect.height) / elementToCheckForScale.offsetHeight || 1 : 1;
+  if (includeScale) {
+    if (offsetParent) {
+      if (isElement(offsetParent)) {
+        scale = getScale(offsetParent);
+      }
+    } else {
+      scale = getScale(element);
+    }
   }
 
   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;
+  const x = (clientRect.left + (addVisualOffsets ? (_win$visualViewport$o = (_win$visualViewport = win.visualViewport) == null ? void 0 : _win$visualViewport.offsetLeft) != null ? _win$visualViewport$o : 0 : 0)) / scale.x;
+  const y = (clientRect.top + (addVisualOffsets ? (_win$visualViewport$o2 = (_win$visualViewport2 = win.visualViewport) == null ? void 0 : _win$visualViewport2.offsetTop) != null ? _win$visualViewport$o2 : 0 : 0)) / scale.y;
+  const width = clientRect.width / scale.x;
+  const height = clientRect.height / scale.y;
   return {
     width,
     height,
@@ -15160,16 +15198,10 @@ 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, // @ts-ignore - checked above (TS 4.1 compat)
-  isOffsetParentAnElement && isScaled(offsetParent), strategy === 'fixed');
+  const rect = getBoundingClientRect(element, true, strategy === 'fixed', offsetParent);
   let scroll = {
     scrollLeft: 0,
     scrollTop: 0
@@ -15285,6 +15317,10 @@ function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
     scrollLeft: 0,
     scrollTop: 0
   };
+  let scale = {
+    x: 1,
+    y: 1
+  };
   const offsets = {
     x: 0,
     y: 0
@@ -15297,18 +15333,21 @@ function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
 
     if (isHTMLElement(offsetParent)) {
       const offsetRect = getBoundingClientRect(offsetParent);
+      scale = getScale(offsetParent);
       offsets.x = offsetRect.x + offsetParent.clientLeft;
       offsets.y = offsetRect.y + offsetParent.clientTop;
-    } // This doesn't appear to be need to be negated.
+    } // This doesn't appear to need to be negated.
     // else if (documentElement) {
     //   offsets.x = getWindowScrollBarX(documentElement);
     // }
 
   }
 
-  return { ...rect,
-    x: rect.x - scroll.scrollLeft + offsets.x,
-    y: rect.y - scroll.scrollTop + offsets.y
+  return {
+    width: rect.width * scale.x,
+    height: rect.height * scale.y,
+    x: rect.x * scale.x - scroll.scrollLeft * scale.x + offsets.x,
+    y: rect.y * scale.y - scroll.scrollTop * scale.y + offsets.y
   };
 }
 
@@ -15340,6 +15379,9 @@ function getViewportRect(element, strategy) {
   };
 }
 
+const min = Math.min;
+const max = Math.max;
+
 // of the `<html>` and `<body>` rect bounds if horizontally scrollable
 
 function getDocumentRect(element) {
@@ -15398,19 +15440,28 @@ function getOverflowAncestors(node, list) {
   return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor));
 }
 
+// Returns the inner client rect, subtracting scrollbars if present
 function getInnerBoundingClientRect(element, strategy) {
-  const clientRect = getBoundingClientRect(element, false, strategy === 'fixed');
+  const clientRect = getBoundingClientRect(element, true, strategy === 'fixed');
   const top = clientRect.top + element.clientTop;
   const left = clientRect.left + element.clientLeft;
+  const scale = isHTMLElement(element) ? getScale(element) : {
+    x: 1,
+    y: 1
+  };
+  const width = element.clientWidth * scale.x;
+  const height = element.clientHeight * scale.y;
+  const x = left * scale.x;
+  const y = top * scale.y;
   return {
-    top,
-    left,
-    x: left,
-    y: top,
-    right: left + element.clientWidth,
-    bottom: top + element.clientHeight,
-    width: element.clientWidth,
-    height: element.clientHeight
+    top: y,
+    left: x,
+    right: x + width,
+    bottom: y + height,
+    x,
+    y,
+    width,
+    height
   };
 }
 
@@ -15424,12 +15475,18 @@ function getClientRectFromClippingAncestor(element, clippingAncestor, strategy)
   }
 
   return rectToClientRect(getDocumentRect(getDocumentElement(element)));
-} // A "clipping ancestor" is an overflowable container with the characteristic of
-// clipping (or hiding) overflowing elements with a position different from
-// `initial`
+} // A "clipping ancestor" is an `overflow` element with the characteristic of
+// clipping (or hiding) child elements. This returns all clipping ancestors
+// of the given element up the tree.
 
 
-function getClippingElementAncestors(element) {
+function getClippingElementAncestors(element, cache) {
+  const cachedResult = cache.get(element);
+
+  if (cachedResult) {
+    return cachedResult;
+  }
+
   let result = getOverflowAncestors(element).filter(el => isElement(el) && getNodeName(el) !== 'body');
   let currentContainingBlockComputedStyle = null;
   const elementIsFixed = getComputedStyle$1(element).position === 'fixed';
@@ -15451,6 +15508,7 @@ function getClippingElementAncestors(element) {
     currentNode = getParentNode(currentNode);
   }
 
+  cache.set(element, result);
   return result;
 } // Gets the maximum area that the element is visible in due to any number of
 // clipping ancestors
@@ -15463,7 +15521,7 @@ function getClippingRect(_ref) {
     rootBoundary,
     strategy
   } = _ref;
-  const elementClippingAncestors = boundary === 'clippingAncestors' ? getClippingElementAncestors(element) : [].concat(boundary);
+  const elementClippingAncestors = boundary === 'clippingAncestors' ? getClippingElementAncestors(element, this._c) : [].concat(boundary);
   const clippingAncestors = [...elementClippingAncestors, rootBoundary];
   const firstClippingAncestor = clippingAncestors[0];
   const clippingRect = clippingAncestors.reduce((accRect, clippingAncestor) => {
@@ -15489,6 +15547,7 @@ const platform = {
   getDimensions,
   getOffsetParent,
   getDocumentElement,
+  getScale,
 
   async getElementRects(_ref) {
     let {
@@ -15518,10 +15577,22 @@ const platform = {
  * strategy.
  */
 
-const computePosition = (reference, floating, options) => computePosition$1(reference, floating, {
-  platform,
-  ...options
-});
+const computePosition = (reference, floating, options) => {
+  // This caches the expensive `getClippingElementAncestors` function so that
+  // multiple lifecycle resets re-use the same result. It only lives for a
+  // single call. If other functions become expensive, we can add them as well.
+  const cache = new Map();
+  const mergedOptions = {
+    platform,
+    ...options
+  };
+  const platformWithCache = { ...mergedOptions.platform,
+    _c: cache
+  };
+  return computePosition$1(reference, floating, { ...mergedOptions,
+    platform: platformWithCache
+  });
+};
 
 const floatingUIBrowserCheck = patchFloatingUiForNonChromiumBrowsers();
 async function patchFloatingUiForNonChromiumBrowsers() {
@@ -24993,8 +25064,7 @@ function connectFocusTrap(component) {
     focusTrapEl.tabIndex = -1;
   }
   const focusTrapOptions = {
-    allowOutsideClick: true,
-    clickOutsideDeactivates: false,
+    clickOutsideDeactivates: true,
     document: focusTrapEl.ownerDocument,
     escapeDeactivates: false,
     fallbackFocus: focusTrapEl,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-components",
-  "version": "1.0.0-next.672",
+  "version": "1.0.0-next.673",
   "description": "Web Components for Esri's Calcite Design System.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -70,7 +70,7 @@
     "url": "git+https://github.com/Esri/calcite-components.git"
   },
   "dependencies": {
-    "@floating-ui/dom": "1.0.8",
+    "@floating-ui/dom": "1.0.10",
     "@stencil/core": "2.20.0",
     "@types/color": "3.0.3",
     "color": "4.2.3",
@@ -127,7 +127,7 @@
     "eslint-plugin-jsdoc": "39.6.4",
     "eslint-plugin-prettier": "4.2.1",
     "eslint-plugin-react": "7.31.11",
-    "eslint-plugin-unicorn": "45.0.1",
+    "eslint-plugin-unicorn": "45.0.2",
     "gh-release": "6.0.4",
     "git-semver-tags": "4.1.1",
     "husky": "8.0.2",
@@ -136,7 +136,7 @@
     "jest-cli": "27.4.5",
     "lint-staged": "13.1.0",
     "postcss": "8.4.19",
-    "prettier": "2.8.0",
+    "prettier": "2.8.1",
     "puppeteer": "10.0.0",
     "quicktype-core": "6.1.0",
     "rimraf": "3.0.2",

package/dist/calcite/p-061145c6.js

@@ -1,6 +0,0 @@
-/*!
- * 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-next.672
- */
-import{c as t,a as n}from"./p-c66f25c4.js";import{d as e}from"./p-d7b647fd.js";function o(t){return t.split("-")[0]}function r(t){return t.split("-")[1]}function i(t){return["top","bottom"].includes(o(t))?"x":"y"}function a(t){return"y"===t?"height":"width"}function l(t,n,e){let{reference:l,floating:s}=t;const c=l.x+l.width/2-s.width/2,f=l.y+l.height/2-s.height/2,u=i(n),d=a(u),m=l[d]/2-s[d]/2,p="x"===u;let y;switch(o(n)){case"top":y={x:c,y:l.y-s.height};break;case"bottom":y={x:c,y:l.y+l.height};break;case"right":y={x:l.x+l.width,y:f};break;case"left":y={x:l.x-s.width,y:f};break;default:y={x:l.x,y:l.y}}switch(r(n)){case"start":y[u]-=m*(e&&p?-1:1);break;case"end":y[u]+=m*(e&&p?-1:1)}return y}function s(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}function c(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}async function f(t,n){var e;void 0===n&&(n={});const{x:o,y:r,platform:i,rects:a,elements:l,strategy:f}=t,{boundary:u="clippingAncestors",rootBoundary:d="viewport",elementContext:m="floating",altBoundary:p=!1,padding:y=0}=n,g=s(y),x=l[p?"floating"===m?"reference":"floating":m],h=c(await i.getClippingRect({element:null==(e=await(null==i.isElement?void 0:i.isElement(x)))||e?x:x.contextElement||await(null==i.getDocumentElement?void 0:i.getDocumentElement(l.floating)),boundary:u,rootBoundary:d,strategy:f})),v="floating"===m?{...a.floating,x:o,y:r}:a.reference,w=c(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({rect:v,offsetParent:await(null==i.getOffsetParent?void 0:i.getOffsetParent(l.floating)),strategy:f}):v);return{top:h.top-w.top+g.top,bottom:w.bottom-h.bottom+g.bottom,left:h.left-w.left+g.left,right:w.right-h.right+g.right}}const u=Math.min,d=Math.max;function m(t,n,e){return d(t,u(n,e))}const p={left:"right",right:"left",bottom:"top",top:"bottom"};function y(t){return t.replace(/left|right|bottom|top/g,(t=>p[t]))}function g(t,n,e){void 0===e&&(e=!1);const o=r(t),l=i(t),s=a(l);let c="x"===l?o===(e?"end":"start")?"right":"left":"start"===o?"bottom":"top";return n.reference[s]>n.floating[s]&&(c=y(c)),{main:c,cross:y(c)}}const x={start:"end",end:"start"};function h(t){return t.replace(/start|end/g,(t=>x[t]))}const v=["top","right","bottom","left"],w=v.reduce(((t,n)=>t.concat(n,n+"-start",n+"-end")),[]),b=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(n){var e;const{placement:r,middlewareData:i,rects:a,initialPlacement:l,platform:s,elements:c}=n,{mainAxis:u=!0,crossAxis:d=!0,fallbackPlacements:m,fallbackStrategy:p="bestFit",flipAlignment:x=!0,...v}=t,w=o(r),b=[l,...m||(w!==l&&x?function(t){const n=y(t);return[h(t),n,h(n)]}(l):[y(l)])],A=await f(n,v),P=[];let R=(null==(e=i.flip)?void 0:e.overflows)||[];if(u&&P.push(A[w]),d){const{main:t,cross:n}=g(r,a,await(null==s.isRTL?void 0:s.isRTL(c.floating)));P.push(A[t],A[n])}if(R=[...R,{placement:r,overflows:P}],!P.every((t=>t<=0))){var k,E;const t=(null!=(k=null==(E=i.flip)?void 0:E.index)?k:0)+1,n=b[t];if(n)return{data:{index:t,overflows:R},reset:{placement:n}};let e="bottom";switch(p){case"bestFit":{var D;const t=null==(D=R.map((t=>[t,t.overflows.filter((t=>t>0)).reduce(((t,n)=>t+n),0)])).sort(((t,n)=>t[1]-n[1]))[0])?void 0:D[0].placement;t&&(e=t);break}case"initialPlacement":e=l}if(r!==e)return{reset:{placement:e}}}return{}}}};function A(t,n){return{top:t.top-n.height,right:t.right-n.width,bottom:t.bottom-n.height,left:t.left-n.width}}function P(t){return v.some((n=>t[n]>=0))}const R=function(t){let{strategy:n="referenceHidden",...e}=void 0===t?{}:t;return{name:"hide",async fn(t){const{rects:o}=t;switch(n){case"referenceHidden":{const n=A(await f(t,{...e,elementContext:"reference"}),o.reference);return{data:{referenceHiddenOffsets:n,referenceHidden:P(n)}}}case"escaped":{const n=A(await f(t,{...e,altBoundary:!0}),o.floating);return{data:{escapedOffsets:n,escaped:P(n)}}}default:return{}}}}};function k(t){var n;return(null==(n=t.ownerDocument)?void 0:n.defaultView)||window}function E(t){return k(t).getComputedStyle(t)}function D(t){return $(t)?(t.nodeName||"").toLowerCase():""}function F(){const t=navigator.userAgentData;return t&&Array.isArray(t.brands)?t.brands.map((t=>t.brand+"/"+t.version)).join(" "):navigator.userAgent}function M(t){return t instanceof k(t).HTMLElement}function O(t){return t instanceof k(t).Element}function $(t){return t instanceof k(t).Node}function T(t){return"undefined"!=typeof ShadowRoot&&(t instanceof k(t).ShadowRoot||t instanceof ShadowRoot)}function j(t){const{overflow:n,overflowX:e,overflowY:o,display:r}=E(t);return/auto|scroll|overlay|hidden/.test(n+o+e)&&!["inline","contents"].includes(r)}function S(t){return["table","td","th"].includes(D(t))}function B(t){const n=/firefox/i.test(F()),e=E(t),o=e.backdropFilter||e.WebkitBackdropFilter;return"none"!==e.transform||"none"!==e.perspective||!!o&&"none"!==o||n&&"filter"===e.willChange||n&&!!e.filter&&"none"!==e.filter||["transform","perspective"].some((t=>e.willChange.includes(t)))||["paint","layout","strict","content"].some((t=>{const n=e.contain;return null!=n&&n.includes(t)}))}function C(){return!/^((?!chrome|android).)*safari/i.test(F())}function z(t){return["html","body","#document"].includes(D(t))}const L=Math.min,H=Math.max,I=Math.round;function W(t,n,e){var o,r,i,a;void 0===n&&(n=!1),void 0===e&&(e=!1);const l=t.getBoundingClientRect();let s=l,c=t,f=1,u=1;!O(t)&&t.contextElement&&(s=t.contextElement.getBoundingClientRect(),c=t.contextElement),n&&M(c)&&(f=c.offsetWidth>0&&I(s.width)/c.offsetWidth||1,u=c.offsetHeight>0&&I(s.height)/c.offsetHeight||1);const d=O(t)?k(t):window,m=!C()&&e,p=(l.left+(m&&null!=(o=null==(r=d.visualViewport)?void 0:r.offsetLeft)?o:0))/f,y=(l.top+(m&&null!=(i=null==(a=d.visualViewport)?void 0:a.offsetTop)?i:0))/u,g=l.width/f,x=l.height/u;return{width:g,height:x,top:y,right:p+g,bottom:y+x,left:p,x:p,y}}function q(t){return(($(t)?t.ownerDocument:t.document)||window.document).documentElement}function N(t){return O(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function U(t){return W(q(t)).left+N(t).scrollLeft}function V(t,n,e){const o=M(n),r=q(n),i=W(t,o&&function(t){const n=W(t);return I(n.width)!==t.offsetWidth||I(n.height)!==t.offsetHeight}(n),"fixed"===e);let a={scrollLeft:0,scrollTop:0};const l={x:0,y:0};if(o||!o&&"fixed"!==e)if(("body"!==D(n)||j(r))&&(a=N(n)),M(n)){const t=W(n,!0);l.x=t.x+n.clientLeft,l.y=t.y+n.clientTop}else r&&(l.x=U(r));return{x:i.left+a.scrollLeft-l.x,y:i.top+a.scrollTop-l.y,width:i.width,height:i.height}}function X(t){if("html"===D(t))return t;const n=t.assignedSlot||t.parentNode||(T(t)?t.host:null)||q(t);return T(n)?n.host:n}function Y(t){return M(t)&&"fixed"!==E(t).position?t.offsetParent:null}function G(t){const n=k(t);let e=Y(t);for(;e&&S(e)&&"static"===E(e).position;)e=Y(e);return e&&("html"===D(e)||"body"===D(e)&&"static"===E(e).position&&!B(e))?n:e||function(t){let n=X(t);for(;M(n)&&!z(n);){if(B(n))return n;n=X(n)}return null}(t)||n}function J(t){const n=X(t);return z(n)?t.ownerDocument.body:M(n)&&j(n)?n:J(n)}function K(t,n){var e;void 0===n&&(n=[]);const o=J(t),r=o===(null==(e=t.ownerDocument)?void 0:e.body),i=k(o);return r?n.concat(i,i.visualViewport||[],j(o)?o:[]):n.concat(o,K(o))}function Q(t,n,e){return"viewport"===n?c(function(t,n){const e=k(t),o=q(t),r=e.visualViewport;let i=o.clientWidth,a=o.clientHeight,l=0,s=0;if(r){i=r.width,a=r.height;const t=C();(t||!t&&"fixed"===n)&&(l=r.offsetLeft,s=r.offsetTop)}return{width:i,height:a,x:l,y:s}}(t,e)):O(n)?function(t,n){const e=W(t,!1,"fixed"===n),o=e.top+t.clientTop,r=e.left+t.clientLeft;return{top:o,left:r,x:r,y:o,right:r+t.clientWidth,bottom:o+t.clientHeight,width:t.clientWidth,height:t.clientHeight}}(n,e):c(function(t){var n;const e=q(t),o=N(t),r=null==(n=t.ownerDocument)?void 0:n.body,i=H(e.scrollWidth,e.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),a=H(e.scrollHeight,e.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0);let l=-o.scrollLeft+U(t);const s=-o.scrollTop;return"rtl"===E(r||e).direction&&(l+=H(e.clientWidth,r?r.clientWidth:0)-i),{width:i,height:a,x:l,y:s}}(q(t)))}const Z={getClippingRect:function(t){let{element:n,boundary:e,rootBoundary:o,strategy:r}=t;const i=[..."clippingAncestors"===e?function(t){let n=K(t).filter((t=>O(t)&&"body"!==D(t))),e=null;const o="fixed"===E(t).position;let r=o?X(t):t;for(;O(r)&&!z(r);){const t=E(r),i=B(r);(o?i||e:i||"static"!==t.position||!e||!["absolute","fixed"].includes(e.position))?e=t:n=n.filter((t=>t!==r)),r=X(r)}return n}(n):[].concat(e),o],a=i.reduce(((t,e)=>{const o=Q(n,e,r);return t.top=H(o.top,t.top),t.right=L(o.right,t.right),t.bottom=L(o.bottom,t.bottom),t.left=H(o.left,t.left),t}),Q(n,i[0],r));return{width:a.right-a.left,height:a.bottom-a.top,x:a.left,y:a.top}},convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{rect:n,offsetParent:e,strategy:o}=t;const r=M(e),i=q(e);if(e===i)return n;let a={scrollLeft:0,scrollTop:0};const l={x:0,y:0};if((r||!r&&"fixed"!==o)&&(("body"!==D(e)||j(i))&&(a=N(e)),M(e))){const t=W(e);l.x=t.x+e.clientLeft,l.y=t.y+e.clientTop}return{...n,x:n.x-a.scrollLeft+l.x,y:n.y-a.scrollTop+l.y}},isElement:O,getDimensions:function(t){if(M(t))return{width:t.offsetWidth,height:t.offsetHeight};const n=W(t);return{width:n.width,height:n.height}},getOffsetParent:G,getDocumentElement:q,async getElementRects(t){let{reference:n,floating:e,strategy:o}=t;const r=this.getOffsetParent||G,i=this.getDimensions;return{reference:V(n,await r(e),o),floating:{x:0,y:0,...await i(e)}}},getClientRects:t=>Array.from(t.getClientRects()),isRTL:t=>"rtl"===E(t).direction};const _={floatingUINonChromiumPositioningFix:!0,...globalThis.calciteComponentsConfig},tt=async function(){if(_.floatingUINonChromiumPositioningFix&&/firefox|safari/i.test(function(){const t=navigator.userAgentData;return t?.brands?t.brands.map((t=>`${t.brand}/${t.version}`)).join(" "):navigator.userAgent}())){const{getClippingRect:t,getElementRects:n,getOffsetParent:e}=await import("./p-a1d589d6.js");Z.getClippingRect=t,Z.getOffsetParent=e,Z.getElementRects=n}}(),nt=["top","bottom","right","left","top-start","top-end","bottom-start","bottom-end","right-start","right-end","left-start","left-end"],et="bottom-start",ot={animation:"calcite-floating-ui-anim",animationActive:"calcite-floating-ui-anim--active"};function rt({placement:t,disableFlip:n,flipPlacements:e,offsetDistance:l,offsetSkidding:c,arrowEl:u,type:d}){const p=[(void 0===y&&(y={}),{name:"shift",options:y,async fn(t){const{x:n,y:e,placement:r}=t,{mainAxis:a=!0,crossAxis:l=!1,limiter:s={fn:t=>{let{x:n,y:e}=t;return{x:n,y:e}}},...c}=y,u={x:n,y:e},d=await f(t,c),p=i(o(r)),g="x"===p?"y":"x";let x=u[p],h=u[g];a&&(x=m(x+d["y"===p?"top":"left"],x,x-d["y"===p?"bottom":"right"])),l&&(h=m(h+d["y"===g?"top":"left"],h,h-d["y"===g?"bottom":"right"]));const v=s.fn({...t,[p]:x,[g]:h});return{...v,data:{x:v.x-n,y:v.y-e}}}}),R()];var y,x;if("menu"===d)return[...p,b({fallbackPlacements:e||["top-start","top","top-end","bottom-start","bottom","bottom-end"]})];if("popover"===d||"tooltip"===d){const d=[...p,(x={mainAxis:"number"==typeof l?l:0,crossAxis:"number"==typeof c?c:0},void 0===x&&(x=0),{name:"offset",options:x,async fn(t){const{x:n,y:e}=t,a=await async function(t,n){const{placement:e,platform:a,elements:l}=t,s=await(null==a.isRTL?void 0:a.isRTL(l.floating)),c=o(e),f=r(e),u="x"===i(e),d=["left","top"].includes(c)?-1:1,m=s&&u?-1:1,p="function"==typeof n?n(t):n;let{mainAxis:y,crossAxis:g,alignmentAxis:x}="number"==typeof p?{mainAxis:p,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...p};return f&&"number"==typeof x&&(g="end"===f?-1*x:x),u?{x:g*m,y:y*d}:{x:y*d,y:g*m}}(t,x);return{x:n+a.x,y:e+a.y,data:a}}})];return"auto"===t||"auto-start"===t||"auto-end"===t?d.push(function(t){return void 0===t&&(t={}),{name:"autoPlacement",options:t,async fn(n){var e,i,a,l,s;const{x:c,y:u,rects:d,middlewareData:m,placement:p,platform:y,elements:x}=n,{alignment:v=null,allowedPlacements:b=w,autoAlignment:A=!0,...P}=t,R=function(t,n,e){return(t?[...e.filter((n=>r(n)===t)),...e.filter((n=>r(n)!==t))]:e.filter((t=>o(t)===t))).filter((e=>!t||r(e)===t||!!n&&h(e)!==e))}(v,A,b),k=await f(n,P),E=null!=(e=null==(i=m.autoPlacement)?void 0:i.index)?e:0,D=R[E];if(null==D)return{};const{main:F,cross:M}=g(D,d,await(null==y.isRTL?void 0:y.isRTL(x.floating)));if(p!==D)return{x:c,y:u,reset:{placement:R[0]}};const O=[k[o(D)],k[F],k[M]],$=[...null!=(a=null==(l=m.autoPlacement)?void 0:l.overflows)?a:[],{placement:D,overflows:O}],T=R[E+1];if(T)return{data:{index:E+1,overflows:$},reset:{placement:T}};const j=$.slice().sort(((t,n)=>t.overflows[0]-n.overflows[0])),S=null==(s=j.find((t=>{let{overflows:n}=t;return n.every((t=>t<=0))})))?void 0:s.placement,B=null!=S?S:j[0].placement;return B!==p?{data:{index:E+1,overflows:$},reset:{placement:B}}:{}}}}({alignment:"auto-start"===t?"start":"auto-end"===t?"end":null})):n||d.push(b(e?{fallbackPlacements:e}:{})),u&&d.push((t=>({name:"arrow",options:t,async fn(n){const{element:e,padding:o=0}=null!=t?t:{},{x:l,y:c,placement:f,rects:u,platform:d}=n;if(null==e)return{};const p=s(o),y={x:l,y:c},g=i(f),x=r(f),h=a(g),v=await d.getDimensions(e),w="y"===g?"top":"left",b="y"===g?"bottom":"right",A=u.reference[h]+u.reference[g]-y[g]-u.floating[h],P=y[g]-u.reference[g],R=await(null==d.getOffsetParent?void 0:d.getOffsetParent(e));let k=R?"y"===g?R.clientHeight||0:R.clientWidth||0:0;0===k&&(k=u.floating[h]);const E=p[w],D=k-v[h]-p[b],F=k/2-v[h]/2+(A/2-P/2),M=m(E,F,D);return{[g]:y[g]-(("start"===x?p[w]:p[b])>0&&F!==M&&u.reference[h]<=u.floating[h]?F<E?E-F:D-F:0),data:{[g]:M,centerOffset:F-M}}}}))({element:u})),d}return[]}function it(t,n){const e=t.filter((t=>nt.includes(t)));return e.length!==t.length&&console.warn(`${n.tagName}: Invalid value found in: flipPlacements. Try any of these: ${nt.map((t=>`"${t}"`)).join(", ").trim()}`,{el:n}),e}function at(t,e){const o=["left","right"];return"rtl"===n(t)&&o.reverse(),e.replace(/leading/gi,o[0]).replace(/trailing/gi,o[1])}async function lt(t,n,e=!1){if(t.open)return e?st(n):ct(n)}const st=e(ct,100,{leading:!0,maxWait:100});async function ct({referenceEl:t,floatingEl:n,overlayPositioning:e="absolute",placement:o,disableFlip:r,flipPlacements:i,offsetDistance:a,offsetSkidding:s,includeArrow:c=!1,arrowEl:f,type:u}){if(!t||!n||c&&!f)return null;await tt;const{x:d,y:m,placement:p,strategy:y,middlewareData:g}=await(x=t,h=n,v={strategy:e,placement:"auto"===o||"auto-start"===o||"auto-end"===o?void 0:at(n,o),middleware:rt({placement:o,disableFlip:r,flipPlacements:i,offsetDistance:a,offsetSkidding:s,arrowEl:f,type:u})},(async(t,n,e)=>{const{placement:o="bottom",strategy:r="absolute",middleware:i=[],platform:a}=e,s=i.filter(Boolean),c=await(null==a.isRTL?void 0:a.isRTL(n));let f=await a.getElementRects({reference:t,floating:n,strategy:r}),{x:u,y:d}=l(f,o,c),m=o,p={},y=0;for(let e=0;e<s.length;e++){const{name:i,fn:g}=s[e],{x,y:h,data:v,reset:w}=await g({x:u,y:d,initialPlacement:o,placement:m,strategy:r,middlewareData:p,rects:f,platform:a,elements:{reference:t,floating:n}});u=null!=x?x:u,d=null!=h?h:d,p={...p,[i]:{...p[i],...v}},w&&y<=50&&(y++,"object"==typeof w&&(w.placement&&(m=w.placement),w.rects&&(f=!0===w.rects?await a.getElementRects({reference:t,floating:n,strategy:r}):w.rects),({x:u,y:d}=l(f,m,c))),e=-1)}return{x:u,y:d,placement:m,strategy:r,middlewareData:p}})(x,h,{platform:Z,...v}));var x,h,v;if(g?.arrow){const{x:t,y:n}=g.arrow;Object.assign(f.style,{left:null!=t?`${t}px`:"",top:null!=n?`${n}px`:""})}const w=g?.hide?.referenceHidden?"hidden":null,b=w?"none":null;n.setAttribute("data-placement",p);const A=`translate(${Math.round(d)}px,${Math.round(m)}px)`;Object.assign(n.style,{visibility:w,pointerEvents:b,position:y,top:"0",left:"0",transform:A})}const ft=new WeakMap;function ut(t,n,e){if(!e||!n)return;dt(t,n,e);const o=t.overlayPositioning;Object.assign(e.style,{visibility:"hidden",pointerEvents:"none",position:o}),"absolute"===o&&xt(e),ft.set(t,function(t,n,e,o){void 0===o&&(o={});const{ancestorScroll:r=!0,ancestorResize:i=!0,elementResize:a=!0,animationFrame:l=!1}=o,s=r&&!l,c=s||i?[...O(t)?K(t):t.contextElement?K(t.contextElement):[],...K(n)]:[];c.forEach((t=>{s&&t.addEventListener("scroll",e,{passive:!0}),i&&t.addEventListener("resize",e)}));let f,u=null;if(a){let o=!0;u=new ResizeObserver((()=>{o||e(),o=!1})),O(t)&&!l&&u.observe(t),O(t)||!t.contextElement||l||u.observe(t.contextElement),u.observe(n)}let d=l?W(t):null;return l&&function n(){const o=W(t);!d||o.x===d.x&&o.y===d.y&&o.width===d.width&&o.height===d.height||e(),d=o,f=requestAnimationFrame(n)}(),e(),()=>{var t;c.forEach((t=>{s&&t.removeEventListener("scroll",e),i&&t.removeEventListener("resize",e)})),null==(t=u)||t.disconnect(),u=null,l&&cancelAnimationFrame(f)}}(n,e,(()=>t.reposition())))}function dt(t,n,e){if(!e||!n)return;yt(e).removeEventListener("transitionend",gt);const o=ft.get(t);o&&o(),ft.delete(t)}const mt=Math.ceil(Math.hypot(4,4));function pt(t){t&&"absolute"===t.style.position&&yt(t).addEventListener("transitionend",gt)}function yt(t){return t.shadowRoot||t}function gt(n){const e=n.target;if("opacity"===n.propertyName&&e.classList.contains(ot.animation)){const n=function(n){return t(n,"[data-placement]")}(e);xt(n),yt(n).removeEventListener("transitionend",gt)}}function xt(t){t.style.transform="",t.style.top="0",t.style.left="0"}export{ot as F,dt as a,mt as b,ut as c,et as d,c as e,it as f,lt as r,pt as u}

package/dist/calcite/p-73e38ab1.js

@@ -1,6 +0,0 @@
-/*!
- * 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-next.672
- */
-import{h as t}from"./p-b1afdc0c.js";function r(t){return Math.min(Math.max(Math.ceil(t),1),6)}const a=(r,a)=>{const c=r.level?`h${r.level}`:"div";return delete r.level,t(c,{...r},a)};export{a as H,r as c}

package/dist/calcite/p-8a1cdef6.js

@@ -1,6 +0,0 @@
-/*!
- * 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-next.672
- */
-import{f as t}from"./p-b1afdc0c.js";import{c as o}from"./p-b629de77.js";const c=new Set;let n;const s={childList:!0};function f(t){n||(n=o("mutation",a)),n.observe(t.el,s)}function i(t){c.delete(t.el),a(n.takeRecords()),n.disconnect();for(const[t]of c.entries())n.observe(t,s)}function a(o){o.forEach((({target:o})=>{t(o)}))}export{f as c,i as d}