@esri/calcite-components 1.3.2-next.0 → 1.4.0-next.0

package/dist/collection/components/tooltip/tooltip.css

@@ -135,50 +135,21 @@
   pointer-events: none;
 }
 
-.arrow,
-.arrow::before {
+.calcite-floating-ui-arrow {
+  pointer-events: none;
   position: absolute;
-  inline-size: 8px;
-  block-size: 8px;
   z-index: -1;
+  fill: var(--calcite-ui-foreground-1);
 }
 
-.arrow::before {
-  content: "";
-  --tw-shadow: 0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);
-  --tw-shadow-colored: 0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  transform: rotate(45deg);
-  background: var(--calcite-ui-foreground-1);
-}
-
-:host([data-placement^=top]) .arrow {
-  inset-block-end: -4px;
-}
-
-:host([data-placement^=bottom]) .arrow {
-  inset-block-start: -4px;
-}
-
-:host([data-placement^=right]) .arrow,
-:host([data-placement^=left]) .arrow {
-  direction: ltr;
-  text-align: start;
-}
-
-:host([data-placement^=left]) .arrow {
-  inset-inline-end: -4px;
-}
-
-:host([data-placement^=right]) .arrow {
-  inset-inline-start: -4px;
+.calcite-floating-ui-arrow__stroke {
+  stroke: var(--calcite-ui-border-3);
 }
 
 .container {
   position: relative;
   overflow: hidden;
   border-radius: 0.25rem;
-  background-color: var(--calcite-ui-foreground-1);
   padding-block: 0.75rem;
   padding-inline: 1rem;
   font-size: var(--calcite-font-size--2);

package/dist/collection/components/tooltip/tooltip.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.3.2-next.0
+ * v1.4.0-next.0
  */
 import { h, Host } from "@stencil/core";
 import { toAriaBoolean } from "../../utils/dom";
@@ -11,6 +11,7 @@ import { connectOpenCloseComponent, disconnectOpenCloseComponent } from "../../u
 import { ARIA_DESCRIBED_BY, CSS } from "./resources";
 import TooltipManager from "./TooltipManager";
 import { getEffectiveReferenceElement } from "./utils";
+import { FloatingArrow } from "../functional/FloatingArrow";
 const manager = new TooltipManager();
 /**
  * @slot - A slot for adding text.
@@ -69,6 +70,7 @@ export class Tooltip {
     this.placement = "auto";
     this.referenceElement = undefined;
     this.effectiveReferenceElement = undefined;
+    this.floatingLayout = "vertical";
   }
   offsetDistanceOffsetHandler() {
     this.reposition(true);
@@ -130,7 +132,6 @@ export class Tooltip {
       placement,
       offsetDistance,
       offsetSkidding,
-      includeArrow: true,
       arrowEl,
       type: "tooltip"
     }, delayed);
@@ -158,7 +159,7 @@ export class Tooltip {
   //
   // --------------------------------------------------------------------------
   render() {
-    const { effectiveReferenceElement, label, open } = this;
+    const { effectiveReferenceElement, label, open, floatingLayout } = this;
     const displayed = effectiveReferenceElement && open;
     const hidden = !displayed;
     return (h(Host, { "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "aria-live": "polite", "calcite-hydrated-hidden": hidden, id: this.getId(), role: "tooltip" }, h("div", { class: {
@@ -166,7 +167,7 @@ export class Tooltip {
         [FloatingCSS.animationActive]: displayed
       },
       // eslint-disable-next-line react/jsx-sort-props
-      ref: this.setTransitionEl }, h("div", { class: CSS.arrow,
+      ref: this.setTransitionEl }, h(FloatingArrow, { floatingLayout: floatingLayout,
       // eslint-disable-next-line react/jsx-sort-props
       ref: (arrowEl) => (this.arrowEl = arrowEl) }), h("div", { class: CSS.container }, h("slot", null)))));
   }
@@ -348,7 +349,8 @@ export class Tooltip {
   }
   static get states() {
     return {
-      "effectiveReferenceElement": {}
+      "effectiveReferenceElement": {},
+      "floatingLayout": {}
     };
   }
   static get events() {

package/dist/collection/components/tooltip/utils.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.3.2-next.0
+ * v1.4.0-next.0
  */
 import { queryElementRoots } from "../../utils/dom";
 export function getEffectiveReferenceElement(tooltip) {

package/dist/collection/components/tree/tree.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.3.2-next.0
+ * v1.4.0-next.0
  */
 import { h, Host } from "@stencil/core";
 import { focusElement, getRootNode, nodeListToArray } from "../../utils/dom";

package/dist/collection/components/tree/utils.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.3.2-next.0
+ * v1.4.0-next.0
  */
 function isTreeItem(element) {
   return element?.matches("calcite-tree-item");

package/dist/collection/components/tree-item/resources.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.3.2-next.0
+ * v1.4.0-next.0
  */
 export const CSS = {
   actionsEnd: "actions-end",

package/dist/collection/components/tree-item/tree-item.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.3.2-next.0
+ * v1.4.0-next.0
  */
 import { h, Host } from "@stencil/core";
 import { slotChangeHasAssignedElement } from "../../utils/dom";

package/dist/collection/components/value-list/resources.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.3.2-next.0
+ * v1.4.0-next.0
  */
 export const CSS = {
   container: "container",

package/dist/collection/components/value-list/utils.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.3.2-next.0
+ * v1.4.0-next.0
  */
 import { getItemIndex } from "../pick-list/shared-list-logic";
 export function getScreenReaderText(item, status, valueList) {

package/dist/collection/components/value-list/value-list.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.3.2-next.0
+ * v1.4.0-next.0
  */
 import { h } from "@stencil/core";
 import Sortable from "sortablejs";

package/dist/collection/components/value-list-item/resources.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.3.2-next.0
+ * v1.4.0-next.0
  */
 export const ICONS = {
   drag: "drag"

package/dist/collection/components/value-list-item/value-list-item.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.3.2-next.0
+ * v1.4.0-next.0
  */
 import { h, Host } from "@stencil/core";
 import { connectConditionalSlotComponent, disconnectConditionalSlotComponent } from "../../utils/conditionalSlot";

package/dist/collection/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.3.2-next.0
+ * v1.4.0-next.0
  */
 // ⚠️ do not modify this file ⚠️
 // this file was added as a workaround to force the build to export `getAssetPath`,

package/dist/collection/utils/array.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.3.2-next.0
+ * v1.4.0-next.0
  */
 export function getRoundRobinIndex(index, total) {
   return (index + total) % total;

package/dist/collection/utils/conditionalSlot.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.3.2-next.0
+ * v1.4.0-next.0
  */
 import { forceUpdate } from "@stencil/core";
 import { createObserver } from "./observers";

package/dist/collection/utils/config.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.3.2-next.0
+ * v1.4.0-next.0
  */
 /**
  * This module helps users provide custom configuration for component internals.

package/dist/collection/utils/date.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.3.2-next.0
+ * v1.4.0-next.0
  */
 import { numberStringFormatter } from "./locale";
 /**

package/dist/collection/utils/dom.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.3.2-next.0
+ * v1.4.0-next.0
  */
 import { tabbable } from "tabbable";
 import { guid } from "./guid";

package/dist/collection/utils/filter.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.3.2-next.0
+ * v1.4.0-next.0
  */
 import { escapeRegExp, forIn } from "lodash-es";
 export const filter = (data, value) => {

package/dist/collection/utils/floating-ui.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.3.2-next.0
+ * v1.4.0-next.0
  */
 import { arrow, autoPlacement, autoUpdate, computePosition, flip, hide, offset, platform, shift } from "@floating-ui/dom";
 import { Build } from "@stencil/core";
@@ -187,12 +187,18 @@ export async function reposition(component, options, delayed = false) {
   if (!component.open) {
     return;
   }
-  return delayed ? debouncedReposition(options) : positionFloatingUI(options);
+  return delayed ? debouncedReposition(component, options) : positionFloatingUI(component, options);
 }
 const debouncedReposition = debounce(positionFloatingUI, repositionDebounceTimeout, {
   leading: true,
   maxWait: repositionDebounceTimeout
 });
+const ARROW_CSS_TRANSFORM = {
+  top: "",
+  left: "rotate(-90deg)",
+  bottom: "rotate(180deg)",
+  right: "rotate(90deg)"
+};
 /**
  * Positions the floating element relative to the reference element.
  *
@@ -209,10 +215,30 @@ const debouncedReposition = debounce(positionFloatingUI, repositionDebounceTimeo
  * @param root0.offsetSkidding
  * @param root0.arrowEl
  * @param root0.type
- * @param root0.includeArrow
+ * @param component
+ * @param root0.referenceEl.referenceEl
+ * @param root0.referenceEl.floatingEl
+ * @param root0.referenceEl.overlayPositioning
+ * @param root0.referenceEl.placement
+ * @param root0.referenceEl.flipDisabled
+ * @param root0.referenceEl.flipPlacements
+ * @param root0.referenceEl.offsetDistance
+ * @param root0.referenceEl.offsetSkidding
+ * @param root0.referenceEl.arrowEl
+ * @param root0.referenceEl.type
+ * @param component.referenceEl
+ * @param component.floatingEl
+ * @param component.overlayPositioning
+ * @param component.placement
+ * @param component.flipDisabled
+ * @param component.flipPlacements
+ * @param component.offsetDistance
+ * @param component.offsetSkidding
+ * @param component.arrowEl
+ * @param component.type
  */
-export async function positionFloatingUI({ referenceEl, floatingEl, overlayPositioning = "absolute", placement, flipDisabled, flipPlacements, offsetDistance, offsetSkidding, includeArrow = false, arrowEl, type }) {
-  if (!referenceEl || !floatingEl || (includeArrow && !arrowEl)) {
+export async function positionFloatingUI(component, { referenceEl, floatingEl, overlayPositioning = "absolute", placement, flipDisabled, flipPlacements, offsetDistance, offsetSkidding, arrowEl, type }) {
+  if (!referenceEl || !floatingEl) {
     return null;
   }
   await floatingUIBrowserCheck;
@@ -231,14 +257,23 @@ export async function positionFloatingUI({ referenceEl, floatingEl, overlayPosit
       type
     })
   });
-  if (middlewareData?.arrow) {
-    const { x: arrowX, y: arrowY } = middlewareData.arrow;
+  if (arrowEl && middlewareData.arrow) {
+    const { x, y } = middlewareData.arrow;
+    const side = effectivePlacement.split("-")[0];
+    const alignment = x != null ? "left" : "top";
+    const transform = ARROW_CSS_TRANSFORM[side];
+    const reset = { left: "", top: "", bottom: "", right: "" };
+    if ("floatingLayout" in component) {
+      component.floatingLayout = side === "left" || side === "right" ? "horizontal" : "vertical";
+    }
     Object.assign(arrowEl.style, {
-      left: arrowX != null ? `${arrowX}px` : "",
-      top: arrowY != null ? `${arrowY}px` : ""
+      ...reset,
+      [alignment]: `${alignment == "left" ? x : y}px`,
+      [side]: "100%",
+      transform
     });
   }
-  const referenceHidden = middlewareData?.hide?.referenceHidden;
+  const referenceHidden = middlewareData.hide?.referenceHidden;
   const visibility = referenceHidden ? "hidden" : null;
   const pointerEvents = visibility ? "none" : null;
   floatingEl.setAttribute(placementDataAttribute, effectivePlacement);

package/dist/collection/utils/focusTrapComponent.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.3.2-next.0
+ * v1.4.0-next.0
  */
 import { createFocusTrap } from "focus-trap";
 import { focusElement, tabbableOptions } from "./dom";

package/dist/collection/utils/form.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.3.2-next.0
+ * v1.4.0-next.0
  */
 import "form-request-submit-polyfill/form-request-submit-polyfill";
 import { closestElementCrossShadowBoundary, queryElementRoots } from "./dom";

package/dist/collection/utils/globalAttributes.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.3.2-next.0
+ * v1.4.0-next.0
  */
 import { createObserver } from "./observers";
 const allowedGlobalAttributes = ["lang", "role"];

package/dist/collection/utils/globalScript.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.3.2-next.0
+ * v1.4.0-next.0
  */
 import { initModeChangeEvent } from "./mode";
 /**

package/dist/collection/utils/guid.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.3.2-next.0
+ * v1.4.0-next.0
  */
 function gen(counts) {
   return counts

package/dist/collection/utils/interactive.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.3.2-next.0
+ * v1.4.0-next.0
  */
 function noopClick() {
   /** noop */

package/dist/collection/utils/key.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.3.2-next.0
+ * v1.4.0-next.0
  */
 export function isActivationKey(key) {
   return key === "Enter" || key === " ";

package/dist/collection/utils/label.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.3.2-next.0
+ * v1.4.0-next.0
  */
 import { closestElementCrossShadowBoundary, queryElementRoots } from "./dom";
 /**

package/dist/collection/utils/loadable.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.3.2-next.0
+ * v1.4.0-next.0
  */
 const resolveMap = new WeakMap();
 const promiseMap = new WeakMap();

package/dist/collection/utils/locale.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.3.2-next.0
+ * v1.4.0-next.0
  */
 import { closestElementCrossShadowBoundary, containsCrossShadowBoundary } from "./dom";
 import { BigDecimal, isValidNumber, sanitizeExponentialNumberString } from "./number";

package/dist/collection/utils/math.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.3.2-next.0
+ * v1.4.0-next.0
  */
 export const clamp = (value, min, max) => Math.max(min, Math.min(value, max));
 const decimalNumberRegex = new RegExp(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);

package/dist/collection/utils/mode.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.3.2-next.0
+ * v1.4.0-next.0
  */
 import { autoMode, darkMode } from "./resources";
 /**

package/dist/collection/utils/number.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.3.2-next.0
+ * v1.4.0-next.0
  */
 import { numberKeys } from "./key";
 const unnecessaryDecimal = new RegExp(`\\${"."}(0+)?$`);

package/dist/collection/utils/observers.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.3.2-next.0
+ * v1.4.0-next.0
  */
 import { Build } from "@stencil/core";
 /**

package/dist/collection/utils/openCloseComponent.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.3.2-next.0
+ * v1.4.0-next.0
  */
 import { readTask } from "@stencil/core";
 const componentToTransitionListeners = new WeakMap();

package/dist/collection/utils/resources.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.3.2-next.0
+ * v1.4.0-next.0
  */
 export const autoMode = "calcite-mode-auto";
 export const darkMode = "calcite-mode-dark";

package/dist/collection/utils/t9n.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.3.2-next.0
+ * v1.4.0-next.0
  */
 import { getAssetPath } from "@stencil/core";
 import { getSupportedLocale } from "./locale";

package/dist/collection/utils/time.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.3.2-next.0
+ * v1.4.0-next.0
  */
 import { getDateTimeFormat, getSupportedNumberingSystem } from "./locale";
 import { isValidNumber } from "./number";

package/dist/components/ExpandToggle.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.3.2-next.0
+ * v1.4.0-next.0
  */
 import { forceUpdate, h } from '@stencil/core/internal/client/index.js';
 import { c as getElementDir } from './dom.js';

package/dist/components/FloatingArrow.js

@@ -0,0 +1,43 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
+ * v1.4.0-next.0
+ */
+import { h } from '@stencil/core/internal/client/index.js';
+
+const CSS = {
+  arrow: "calcite-floating-ui-arrow",
+  arrowStroke: "calcite-floating-ui-arrow__stroke"
+};
+const DEFAULTS = {
+  width: 12,
+  height: 6,
+  strokeWidth: 1
+};
+/**
+ * Renders a SVG element to be used as a floating-ui arrow.
+ *
+ * This functional component should be rendered inside a `FloatingUIComponent` when it needs an arrow element.
+ *
+ * @param floatingLayout.floatingLayout
+ * @param floatingLayout – The effective floating layout to render the arrow vertically or horizontally. Possible values: `vertical` or `horizontal`.
+ *
+ * See [floating-ui](https://github.com/Esri/calcite-components/blob/master/src/utils/floating-ui.ts)
+ * @param floatingLayout.key
+ * @param floatingLayout.ref
+ */
+const FloatingArrow = ({ floatingLayout, key, ref }) => {
+  const { width, height, strokeWidth } = DEFAULTS;
+  const svgX = width / 2;
+  const isVertical = floatingLayout === "vertical";
+  const dValue = "M0,0" +
+    ` H${width}` +
+    ` L${width - svgX},${height}` +
+    ` Q${svgX},${height} ${svgX},${height}` +
+    " Z";
+  return (h("svg", { "aria-hidden": "true", class: CSS.arrow, height: width, key: key, ref: ref, viewBox: `0 0 ${width} ${width + (!isVertical ? strokeWidth : 0)}`, width: width + (isVertical ? strokeWidth : 0) },
+    strokeWidth > 0 && (h("path", { class: CSS.arrowStroke, d: dValue, fill: "none", "stroke-width": strokeWidth + 1 })),
+    h("path", { d: dValue, stroke: "none" })));
+};
+
+export { FloatingArrow as F };

package/dist/components/Heading.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.3.2-next.0
+ * v1.4.0-next.0
  */
 import { h } from '@stencil/core/internal/client/index.js';
 

package/dist/components/action-group.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.3.2-next.0
+ * v1.4.0-next.0
  */
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client/index.js';
 import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot.js';