@esri/solutions-components 0.3.6 → 0.3.7

package/dist/solutions-components/p-05e64bd1.js

@@ -3,9 +3,505 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import{e as t}from"./p-cdc46c0c.js";import"./p-83166522.js";import"./p-729708a3.js";import"./p-a80b3880.js";import"./p-4e32bf8c.js";
+import { e as rectToClientRect } from './p-cdc46c0c.js';
+import './p-83166522.js';
+import './p-729708a3.js';
+import './p-a80b3880.js';
+import './p-4e32bf8c.js';
+
 /*!
  * 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
- */function n(t){return f(t)&&"fixed"!==i(t).position?function(t){let{offsetParent:n}=t,o=t,r=!1;for(;o&&o!==n;){const{assignedSlot:t}=o;if(t){let e=t.offsetParent;if("contents"===i(t).display){const n=t.hasAttribute("style"),r=t.style.display;t.style.display=i(o).display,e=t.offsetParent,t.style.display=r,n||t.removeAttribute("style")}o=t,n!==e&&(n=e,r=!0)}else if(s(o)&&o.host&&r)break;o=s(o)&&o.host||o.parentNode}return n}(t):null}function o(t){const{reference:n,floating:o,strategy:r}=t;return{reference:L(n,S(o),r),floating:{...T(o),x:0,y:0}}}function r(t){return t&&t.document&&t.location&&t.alert&&t.setInterval}function e(t){if(null==t)return window;if(!r(t)){const n=t.ownerDocument;return n&&n.defaultView||window}return t}function i(t){return e(t).getComputedStyle(t)}function u(t){return r(t)?"":t?(t.nodeName||"").toLowerCase():""}function c(){const t=navigator.userAgentData;return null!=t&&t.brands?t.brands.map((t=>t.brand+"/"+t.version)).join(" "):navigator.userAgent}function f(t){return t instanceof e(t).HTMLElement}function l(t){return t instanceof e(t).Element}function s(t){return"undefined"!=typeof ShadowRoot&&(t instanceof e(t).ShadowRoot||t instanceof ShadowRoot)}function d(t){const{overflow:n,overflowX:o,overflowY:r,display:e}=i(t);return/auto|scroll|overlay|hidden/.test(n+r+o)&&!["inline","contents"].includes(e)}function a(t){return["table","td","th"].includes(u(t))}function h(t){const n=/firefox/i.test(c()),o=i(t);return"none"!==o.transform||"none"!==o.perspective||n&&"filter"===o.willChange||n&&!!o.filter&&"none"!==o.filter||["transform","perspective"].some((t=>o.willChange.includes(t)))||["paint","layout","strict","content"].some((t=>{const n=o.contain;return null!=n&&n.includes(t)}))}function p(){return!/^((?!chrome|android).)*safari/i.test(c())}function w(t){return["html","body","#document"].includes(u(t))}const y=Math.min,v=Math.max,g=Math.round;function x(t,n,o){var r,i,u,c;void 0===n&&(n=!1),void 0===o&&(o=!1);const s=t.getBoundingClientRect();let d=1,a=1;n&&f(t)&&(d=t.offsetWidth>0&&g(s.width)/t.offsetWidth||1,a=t.offsetHeight>0&&g(s.height)/t.offsetHeight||1);const h=l(t)?e(t):window,w=!p()&&o,y=(s.left+(w&&null!=(r=null==(i=h.visualViewport)?void 0:i.offsetLeft)?r:0))/d,v=(s.top+(w&&null!=(u=null==(c=h.visualViewport)?void 0:c.offsetTop)?u:0))/a,x=s.width/d,m=s.height/a;return{width:x,height:m,top:v,right:y+x,bottom:v+m,left:y,x:y,y:v}}function m(t){return(n=t,(n instanceof e(n).Node?t.ownerDocument:t.document)||window.document).documentElement;var n}function b(t){return l(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function j(t){return x(m(t)).left+b(t).scrollLeft}function L(t,n,o){const r=f(n),e=m(n),i=x(t,r&&function(t){const n=x(t);return g(n.width)!==t.offsetWidth||g(n.height)!==t.offsetHeight}(n),"fixed"===o);let c={scrollLeft:0,scrollTop:0};const l={x:0,y:0};if(r||!r&&"fixed"!==o)if(("body"!==u(n)||d(e))&&(c=b(n)),f(n)){const t=x(n,!0);l.x=t.x+n.clientLeft,l.y=t.y+n.clientTop}else e&&(l.x=j(e));return{x:i.left+c.scrollLeft-l.x,y:i.top+c.scrollTop-l.y,width:i.width,height:i.height}}function M(t){return"html"===u(t)?t:t.assignedSlot||t.parentNode||(s(t)?t.host:null)||m(t)}function S(t){const o=e(t);let r=n(t);for(;r&&a(r)&&"static"===i(r).position;)r=n(r);return r&&("html"===u(r)||"body"===u(r)&&"static"===i(r).position&&!h(r))?o:r||function(t){let n=M(t);for(s(n)&&(n=n.host);f(n)&&!w(n);){if(h(n))return n;{const t=n.parentNode;n=s(t)?t.host:t}}return null}(t)||o}function T(t){if(f(t))return{width:t.offsetWidth,height:t.offsetHeight};const n=x(t);return{width:n.width,height:n.height}}function R(t){const n=M(t);return w(n)?t.ownerDocument.body:f(n)&&d(n)?n:R(n)}function k(t,n){var o;void 0===n&&(n=[]);const r=R(t),i=r===(null==(o=t.ownerDocument)?void 0:o.body),u=e(r),c=i?[u].concat(u.visualViewport||[],d(r)?r:[]):r,f=n.concat(c);return i?f:f.concat(k(c))}function A(n,o,r){return"viewport"===o?t(function(t,n){const o=e(t),r=m(t),i=o.visualViewport;let u=r.clientWidth,c=r.clientHeight,f=0,l=0;if(i){u=i.width,c=i.height;const t=p();(t||!t&&"fixed"===n)&&(f=i.offsetLeft,l=i.offsetTop)}return{width:u,height:c,x:f,y:l}}(n,r)):l(o)?function(t,n){const o=x(t,!1,"fixed"===n),r=o.top+t.clientTop,e=o.left+t.clientLeft;return{top:r,left:e,x:e,y:r,right:e+t.clientWidth,bottom:r+t.clientHeight,width:t.clientWidth,height:t.clientHeight}}(o,r):t(function(t){var n;const o=m(t),r=b(t),e=null==(n=t.ownerDocument)?void 0:n.body,u=v(o.scrollWidth,o.clientWidth,e?e.scrollWidth:0,e?e.clientWidth:0),c=v(o.scrollHeight,o.clientHeight,e?e.scrollHeight:0,e?e.clientHeight:0);let f=-r.scrollLeft+j(t);const l=-r.scrollTop;return"rtl"===i(e||o).direction&&(f+=v(o.clientWidth,e?e.clientWidth:0)-u),{width:u,height:c,x:f,y:l}}(m(n)))}function B(t){const n=k(t),o=function(t,n){let o=t;for(;o&&!w(o)&&!n.includes(o)&&(!l(o)||!["absolute","fixed"].includes(i(o).position));){const t=M(o);o=s(t)?t.host:t}return o}(t,n);let r=null;if(o&&f(o)){const t=S(o);d(o)?r=o:f(t)&&(r=t)}return l(r)?n.filter((t=>r&&l(t)&&function(t,n){const o=null==n.getRootNode?void 0:n.getRootNode();if(t.contains(n))return!0;if(o&&s(o)){let o=n;do{if(o&&t===o)return!0;o=o.parentNode||o.host}while(o)}return!1}(t,r)&&"body"!==u(t))):[]}function P(t){let{element:n,boundary:o,rootBoundary:r,strategy:e}=t;const i=[..."clippingAncestors"===o?B(n):[].concat(o),r],u=i.reduce(((t,o)=>{const r=A(n,o,e);return t.top=v(r.top,t.top),t.right=y(r.right,t.right),t.bottom=y(r.bottom,t.bottom),t.left=v(r.left,t.left),t}),A(n,i[0],e));return{width:u.right-u.left,height:u.bottom-u.top,x:u.left,y:u.top}}export{P as getClippingRect,o as getElementRects,S as getOffsetParent}
+ */
+/**
+ * This module provides utils to fix positioning across shadow DOM in non-Chromium browsers
+ *
+ * It is based on floating-ui's distributable
+ */
+/**
+ * 👇 the following are needed to fix shadow DOM positioning 👇️
+ *
+ * @param element
+ */
+function getTrueOffsetParent(element) {
+  if (!isHTMLElement(element) || getComputedStyle(element).position === "fixed") {
+    return null;
+  }
+  return composedOffsetParent(element);
+}
+/**
+ * Polyfills the old offsetParent behavior from before the spec was changed:
+ * https://github.com/w3c/csswg-drafts/issues/159
+ *
+ * @param element
+ */
+function composedOffsetParent(element) {
+  let { offsetParent } = element;
+  let ancestor = element;
+  let foundInsideSlot = false;
+  while (ancestor && ancestor !== offsetParent) {
+    const { assignedSlot } = ancestor;
+    if (assignedSlot) {
+      let newOffsetParent = assignedSlot.offsetParent;
+      if (getComputedStyle(assignedSlot).display === "contents") {
+        const hadStyleAttribute = assignedSlot.hasAttribute("style");
+        const oldDisplay = assignedSlot.style.display;
+        assignedSlot.style.display = getComputedStyle(ancestor).display;
+        newOffsetParent = assignedSlot.offsetParent;
+        assignedSlot.style.display = oldDisplay;
+        if (!hadStyleAttribute) {
+          assignedSlot.removeAttribute("style");
+        }
+      }
+      ancestor = assignedSlot;
+      if (offsetParent !== newOffsetParent) {
+        offsetParent = newOffsetParent;
+        foundInsideSlot = true;
+      }
+    }
+    else if (isShadowRoot(ancestor) && ancestor.host && foundInsideSlot) {
+      break;
+    }
+    ancestor = (isShadowRoot(ancestor) && ancestor.host) || ancestor.parentNode;
+  }
+  return offsetParent;
+}
+function getElementRects(_ref) {
+  const { reference, floating, strategy } = _ref;
+  return {
+    reference: getRectRelativeToOffsetParent(reference, getOffsetParent(floating), strategy),
+    floating: { ...getDimensions(floating), x: 0, y: 0 }
+  };
+}
+/**
+ * ☝️ the following are needed to fix shadow DOM positioning ☝️
+ */
+/**
+ * 👇 the following are taken directly from floating-ui's ESM distributable to support the exports above 👇️
+ *
+ * **Notes**:
+ * unused functions are removed
+ * ESLint is disabled
+ * TS-warnings are suppressed
+ */
+/* eslint-disable */
+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() {
+  // @ts-ignore
+  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) {
+  // Browsers without `ShadowRoot` support
+  if (typeof ShadowRoot === "undefined") {
+    return false;
+  }
+  const OwnElement = getWindow(node).ShadowRoot;
+  return node instanceof OwnElement || node instanceof ShadowRoot;
+}
+function isOverflowElement(element) {
+  // Firefox wants us to check `-x` and `-y` variations as well
+  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) {
+  // TODO: Try and use feature detection here instead
+  const isFirefox = /firefox/i.test(getUAString());
+  const css = getComputedStyle(element); // This is non-exhaustive but covers the most common CSS properties that
+  // create a containing block.
+  // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
+  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(
+    // TS 4.1 compat
+    (value) => {
+      const contain = css.contain;
+      return contain != null ? contain.includes(value) : false;
+    }));
+}
+function isLayoutViewport() {
+  // Not Safari
+  return !/^((?!chrome|android).)*safari/i.test(getUAString()); // Feature detection for this fails in various ways
+  // • Always-visible scrollbar or not
+  // • Width of <html>, etc.
+  // const vV = win.visualViewport;
+  // return vV ? Math.abs(win.innerWidth / vV.scale - vV.width) < 0.5 : true;
+}
+function isLastTraversableNode(node) {
+  return ["html", "body", "#document"].includes(getNodeName(node));
+}
+const min = Math.min;
+const max = Math.max;
+const 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) {
+  // If <html> has a CSS width greater than the viewport, then this will be
+  // incorrect for RTL.
+  // @ts-ignore
+  return getBoundingClientRect(getDocumentElement(element)).left + getNodeScroll(element).scrollLeft;
+}
+function isScaled(element) {
+  // @ts-ignore
+  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");
+  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)) {
+      // @ts-ignore
+      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 (
+  // this is a quicker (but less type safe) way to save quite some bytes from the bundle
+  // @ts-ignore
+  node.assignedSlot || // step into the shadow DOM of the parent of a slotted node
+    node.parentNode || // DOM Element detected
+    (isShadowRoot(node) ? node.host : null) || // ShadowRoot detected
+    getDocumentElement(node) // fallback
+  );
+}
+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;
+} // Gets the closest ancestor positioned element. Handles some edge cases,
+// such as table ancestors and cross browser bugs.
+function getOffsetParent(element) {
+  const window = 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 window;
+  }
+  return offsetParent || getContainingBlock(element) || window;
+}
+function getDimensions(element) {
+  if (isHTMLElement(element)) {
+    return {
+      width: element.offsetWidth,
+      height: element.offsetHeight
+    };
+  }
+  // @ts-ignore
+  const rect = getBoundingClientRect(element);
+  return {
+    width: rect.width,
+    height: rect.height
+  };
+}
+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
+  };
+}
+// of the `<html>` and `<body>` rect bounds if horizontally scrollable
+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)) {
+    // @ts-ignore assume body is always available
+    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 // @ts-ignore: isBody tells us target will be an HTMLElement here
+    : updatedList.concat(getOverflowAncestors(target));
+}
+function contains(parent, child) {
+  const rootNode = child.getRootNode == null ? void 0 : child.getRootNode(); // First, attempt with faster native method
+  if (parent.contains(child)) {
+    return true;
+  } // then fallback to custom implementation with Shadow DOM support
+  else if (rootNode && isShadowRoot(rootNode)) {
+    let next = child;
+    do {
+      // use `===` replace node.isSameNode()
+      if (next && parent === next) {
+        return true;
+      } // @ts-ignore: need a better way to handle this...
+      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)));
+} // A "clipping ancestor" is an overflowable container with the characteristic of
+// clipping (or hiding) overflowing elements with a position different from
+// `initial`
+function getClippingAncestors(element) {
+  // @ts-ignore
+  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 [];
+  } // @ts-ignore isElement check ensures we return Array<Element>
+  return clippingAncestors.filter((clippingAncestors) => clipperElement &&
+    isElement(clippingAncestors) &&
+    contains(clippingAncestors, clipperElement) &&
+    getNodeName(clippingAncestors) !== "body");
+} // Gets the maximum area that the element is visible in due to any number of
+// clipping ancestors
+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
+  };
+}
+
+export { getClippingRect, getElementRects, getOffsetParent };

package/dist/solutions-components/p-08a95b33.entry.js

@@ -0,0 +1,138 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './p-c023e6a1.js';
+import { t as toggleChildActionText, E as ExpandToggle } from './p-c92bc231.js';
+import { f as focusElement, a as getSlotted } from './p-83166522.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './p-ea534300.js';
+import './p-6e0da576.js';
+import './p-708a63a8.js';
+import './p-729708a3.js';
+import './p-a80b3880.js';
+import './p-9a9955db.js';
+
+/*!
+ * 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
+ */
+const CSS = {
+  actionGroupBottom: "action-group--bottom",
+  container: "container"
+};
+const TEXT = {
+  expand: "Expand",
+  collapse: "Collapse"
+};
+const SLOTS = {
+  expandTooltip: "expand-tooltip"
+};
+
+const actionPadCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:host{box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block}@keyframes in{0%{opacity:0}100%{opacity:1}}:host{animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:0.125rem;--calcite-action-pad-expanded-max-width:auto;background:transparent}:host([expanded][layout=vertical]) .container{max-inline-size:var(--calcite-action-pad-expanded-max-width)}::slotted(calcite-action-group){border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);padding-block:0px}.container{display:inline-flex;flex-direction:column;overflow-y:auto;border-radius:0.25rem;background-color:var(--calcite-ui-background);--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.action-group--bottom{flex-grow:1;justify-content:flex-end;-webkit-padding-after:0px;padding-block-end:0px}:host([layout=horizontal]) .container{flex-direction:row}:host([layout=horizontal]) .container .action-group--bottom{padding:0px}:host([layout=horizontal]) .container ::slotted(calcite-action-group){border-width:0px;padding:0px;border-inline-end-width:1px}::slotted(calcite-action-group:last-child){border-block-end-width:0px}";
+
+const ActionPad = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.calciteActionPadToggle = createEvent(this, "calciteActionPadToggle", 6);
+    // --------------------------------------------------------------------------
+    //
+    //  Properties
+    //
+    // --------------------------------------------------------------------------
+    /**
+     * When `true`, the expand-toggling behavior is disabled.
+     */
+    this.expandDisabled = false;
+    /**
+     * When `true`, the component is expanded.
+     */
+    this.expanded = false;
+    /**
+     * Indicates the layout of the component.
+     */
+    this.layout = "vertical";
+    // --------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    // --------------------------------------------------------------------------
+    this.actionMenuOpenChangeHandler = (event) => {
+      if (event.detail) {
+        const composedPath = event.composedPath();
+        Array.from(this.el.querySelectorAll("calcite-action-group")).forEach((group) => {
+          if (!composedPath.includes(group)) {
+            group.menuOpen = false;
+          }
+        });
+      }
+    };
+    this.toggleExpand = () => {
+      this.expanded = !this.expanded;
+      this.calciteActionPadToggle.emit();
+    };
+    this.setExpandToggleRef = (el) => {
+      this.expandToggleEl = el;
+    };
+  }
+  expandedHandler(expanded) {
+    toggleChildActionText({ parent: this.el, expanded });
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  // --------------------------------------------------------------------------
+  connectedCallback() {
+    connectConditionalSlotComponent(this);
+  }
+  disconnectedCallback() {
+    disconnectConditionalSlotComponent(this);
+  }
+  componentWillLoad() {
+    const { el, expanded } = this;
+    toggleChildActionText({ parent: el, expanded });
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Methods
+  //
+  // --------------------------------------------------------------------------
+  /**
+   * Sets focus on the component.
+   *
+   * @param focusId
+   */
+  async setFocus(focusId) {
+    var _a;
+    if (focusId === "expand-toggle") {
+      await focusElement(this.expandToggleEl);
+      return;
+    }
+    (_a = this.el) === null || _a === void 0 ? void 0 : _a.focus();
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Component Methods
+  //
+  // --------------------------------------------------------------------------
+  renderBottomActionGroup() {
+    const { expanded, expandDisabled, intlExpand, intlCollapse, el, position, toggleExpand, scale, layout } = this;
+    const tooltip = getSlotted(el, SLOTS.expandTooltip);
+    const expandLabel = intlExpand || TEXT.expand;
+    const collapseLabel = intlCollapse || TEXT.collapse;
+    const expandToggleNode = !expandDisabled ? (h(ExpandToggle, { el: el, expanded: expanded, intlCollapse: collapseLabel, intlExpand: expandLabel, position: position, ref: this.setExpandToggleRef, scale: scale, toggle: toggleExpand, tooltip: tooltip })) : null;
+    return expandToggleNode ? (h("calcite-action-group", { class: CSS.actionGroupBottom, layout: layout, scale: scale }, h("slot", { name: SLOTS.expandTooltip }), expandToggleNode)) : null;
+  }
+  render() {
+    return (h(Host, { onCalciteActionMenuOpenChange: this.actionMenuOpenChangeHandler }, h("div", { class: CSS.container }, h("slot", null), this.renderBottomActionGroup())));
+  }
+  get el() { return getElement(this); }
+  static get watchers() { return {
+    "expanded": ["expandedHandler"]
+  }; }
+};
+ActionPad.style = actionPadCss;
+
+export { ActionPad as calcite_action_pad };