@esri/calcite-components 1.0.0-beta.92 → 1.0.0-beta.94

package/dist/components/calcite-switch.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-beta.92
+ * v1.0.0-beta.94
  */
 import { S as Switch, d as defineCustomElement$1 } from './switch.js';
 

package/dist/components/calcite-tab-nav.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-beta.92
+ * v1.0.0-beta.94
  */
 import { T as TabNav, d as defineCustomElement$1 } from './tab-nav.js';
 

package/dist/components/calcite-tab-title.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-beta.92
+ * v1.0.0-beta.94
  */
 import { T as TabTitle, d as defineCustomElement$1 } from './tab-title.js';
 

package/dist/components/calcite-tab.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-beta.92
+ * v1.0.0-beta.94
  */
 import { T as Tab, d as defineCustomElement$1 } from './tab.js';
 

package/dist/components/calcite-tabs.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-beta.92
+ * v1.0.0-beta.94
  */
 import { T as Tabs, d as defineCustomElement$1 } from './tabs.js';
 

package/dist/components/calcite-tile-select-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.0.0-beta.92
+ * v1.0.0-beta.94
  */
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client/index.js';
 import { u as updateHostInteraction } from './interactive.js';
@@ -18,9 +18,13 @@ const TileSelectGroup = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     //  Properties
     //
     //--------------------------------------------------------------------------
-    /** The disabled state of the tile select. */
+    /** When true, interaction is prevented and the component is displayed with lower opacity. */
     this.disabled = false;
-    /** Tiles by default move horizontally, stacking with each row, vertical allows single-column layouts */
+    /**
+     * Defines the layout of the component.
+     *
+     * Use "horizontal" for rows, and "vertical" for a single column.
+     */
     this.layout = "horizontal";
   }
   //--------------------------------------------------------------------------

package/dist/components/calcite-tile-select.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-beta.92
+ * v1.0.0-beta.94
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client/index.js';
 import { g as guid } from './guid.js';
@@ -40,19 +40,23 @@ const TileSelect = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     //  Properties
     //
     //--------------------------------------------------------------------------
-    /** The checked state of the tile select. */
+    /** When true, the component is checked. */
     this.checked = false;
-    /** The disabled state of the tile select. */
+    /** When true, interaction is prevented and the component is displayed with lower opacity. */
     this.disabled = false;
-    /** The hidden state of the tile select. */
+    /** When true, the component is not displayed and is not focusable or checkable. */
     this.hidden = false;
-    /** Display an interactive radio or checkbox. */
+    /** When true, displays an interactive input based on the "type" property. */
     this.inputEnabled = false;
-    /** The side of the tile that the radio or checkbox appears on when inputEnabled is true. */
+    /** When inputEnabled is true, the placement of the interactive input on the component. */
     this.inputAlignment = "start";
-    /** The selection mode of the tile select: radio (single) or checkbox (multiple). */
+    /**
+     * The selection mode of the component.
+     *
+     * Use radio for single selection, and checkbox for multiple selections.
+     */
     this.type = "radio";
-    /** specify the width of the tile, defaults to auto */
+    /** Specifies the width of the component. */
     this.width = "auto";
     this.guid = `calcite-tile-select-${guid()}`;
     //--------------------------------------------------------------------------

package/dist/components/calcite-tile.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-beta.92
+ * v1.0.0-beta.94
  */
 import { T as Tile, d as defineCustomElement$1 } from './tile.js';
 

package/dist/components/calcite-time-picker.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-beta.92
+ * v1.0.0-beta.94
  */
 import { T as TimePicker, d as defineCustomElement$1 } from './time-picker.js';
 

package/dist/components/calcite-tip-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.0.0-beta.92
+ * v1.0.0-beta.94
  */
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client/index.js';
 

package/dist/components/calcite-tip-manager.js

@@ -1,11 +1,11 @@
 /*!
  * 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.92
+ * v1.0.0-beta.94
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client/index.js';
-import { T as TEXT, C as CSS, I as ICONS, H as HEADING_LEVEL } from './resources4.js';
-import { b as getElementDir, t as toAriaBoolean } from './dom.js';
+import { T as TEXT, C as CSS, I as ICONS, H as HEADING_LEVEL } from './resources3.js';
+import { c as getElementDir, t as toAriaBoolean } from './dom.js';
 import { H as Heading } from './Heading.js';
 import { c as createObserver } from './observers.js';
 import { d as defineCustomElement$4 } from './action.js';
@@ -27,7 +27,7 @@ const TipManager = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     //
     // --------------------------------------------------------------------------
     /**
-     * Closed state of the `calcite-tip-manager`.
+     * When true, does not display or position the component.
      */
     this.closed = false;
     this.mutationObserver = createObserver("mutation", () => this.setUpTips());
@@ -96,13 +96,13 @@ const TipManager = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   //  Public Methods
   //
   // --------------------------------------------------------------------------
-  /** Selects the next tip to display */
+  /** Selects the next `calcite-tip` to display. */
   async nextTip() {
     this.direction = "advancing";
     const nextIndex = this.selectedIndex + 1;
     this.selectedIndex = (nextIndex + this.total) % this.total;
   }
-  /** Selects the previous tip to display */
+  /** Selects the previous `calcite-tip` to display. */
   async previousTip() {
     this.direction = "retreating";
     const previousIndex = this.selectedIndex - 1;
@@ -173,7 +173,7 @@ const TipManager = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   static get style() { return tipManagerCss; }
 }, [1, "calcite-tip-manager", {
     "closed": [1540],
-    "headingLevel": [2, "heading-level"],
+    "headingLevel": [514, "heading-level"],
     "intlClose": [1, "intl-close"],
     "intlDefaultTitle": [1, "intl-default-title"],
     "intlNext": [1, "intl-next"],

package/dist/components/calcite-tip.js

@@ -1,11 +1,11 @@
 /*!
  * 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.92
+ * v1.0.0-beta.94
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Fragment } from '@stencil/core/internal/client/index.js';
-import { H as HEADING_LEVEL$1 } from './resources4.js';
-import { a as getSlotted } from './dom.js';
+import { H as HEADING_LEVEL$1 } from './resources3.js';
+import { b as getSlotted } from './dom.js';
 import { H as Heading, c as constrainHeadingLevel } from './Heading.js';
 import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot.js';
 import { d as defineCustomElement$4 } from './action.js';
@@ -46,15 +46,17 @@ const Tip = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     //
     // --------------------------------------------------------------------------
     /**
-     * No longer displays the tip.
+     * When true, the component does not display.
      */
     this.dismissed = false;
     /**
-     * Indicates whether the tip can be dismissed.
+     * When true, the close button is not present on the component.
      */
     this.nonDismissible = false;
     /**
-     * The selected state of the tip if it is being used inside a `calcite-tip-manager`.
+     * When true and if it has a parent `calcite-tip-manager`, the component is selected.
+     *
+     * Only one tip can be selected within the `calcite-tip-manager` parent.
      */
     this.selected = false;
     // --------------------------------------------------------------------------
@@ -115,7 +117,7 @@ const Tip = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "dismissed": [1540],
     "nonDismissible": [516, "non-dismissible"],
     "heading": [1],
-    "headingLevel": [2, "heading-level"],
+    "headingLevel": [514, "heading-level"],
     "selected": [516],
     "intlClose": [1, "intl-close"]
   }]);

package/dist/components/calcite-tooltip-manager.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-beta.92
+ * v1.0.0-beta.94
  */
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client/index.js';
 
@@ -34,7 +34,7 @@ const TooltipManager = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
   }
   static get style() { return tooltipManagerCss; }
 }, [1, "calcite-tooltip-manager", {
-    "selector": [1]
+    "selector": [513]
   }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {

package/dist/components/calcite-tooltip.js

@@ -1,372 +1,9 @@
 /*!
  * 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.92
+ * v1.0.0-beta.94
  */
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client/index.js';
-import { g as guid } from './guid.js';
-import { d as defaultOffsetDistance, c as connectFloatingUI, a as disconnectFloatingUI, p as positionFloatingUI, F as FloatingCSS } from './floating-ui.js';
-import { q as queryElementRoots, t as toAriaBoolean } from './dom.js';
-
-const CSS = {
-  container: "container",
-  arrow: "arrow"
-};
-const TOOLTIP_DELAY_MS = 500;
-const ARIA_DESCRIBED_BY = "aria-describedby";
-
-class TooltipManager {
-  constructor() {
-    // --------------------------------------------------------------------------
-    //
-    //  Private Properties
-    //
-    // --------------------------------------------------------------------------
-    this.registeredElements = new WeakMap();
-    this.hoverTimeouts = new WeakMap();
-    this.registeredElementCount = 0;
-    // --------------------------------------------------------------------------
-    //
-    //  Private Methods
-    //
-    // --------------------------------------------------------------------------
-    this.queryTooltip = (composedPath) => {
-      const { registeredElements } = this;
-      const registeredElement = composedPath.find((pathEl) => registeredElements.has(pathEl));
-      return registeredElements.get(registeredElement);
-    };
-    this.keyDownHandler = (event) => {
-      if (event.key === "Escape") {
-        const { activeTooltipEl } = this;
-        if (activeTooltipEl) {
-          this.clearHoverTimeout(activeTooltipEl);
-          this.toggleTooltip(activeTooltipEl, false);
-        }
-      }
-    };
-    this.mouseEnterShow = (event) => {
-      this.hoverEvent(event, true);
-    };
-    this.mouseLeaveHide = (event) => {
-      this.hoverEvent(event, false);
-    };
-    this.clickHandler = (event) => {
-      const clickedTooltip = this.queryTooltip(event.composedPath());
-      this.clickedTooltip = clickedTooltip;
-      if (clickedTooltip === null || clickedTooltip === void 0 ? void 0 : clickedTooltip.closeOnClick) {
-        this.toggleTooltip(clickedTooltip, false);
-      }
-    };
-    this.focusShow = (event) => {
-      this.focusEvent(event, true);
-    };
-    this.blurHide = (event) => {
-      this.focusEvent(event, false);
-    };
-    this.hoverToggle = (tooltip, value) => {
-      const { hoverTimeouts } = this;
-      hoverTimeouts.delete(tooltip);
-      if (value) {
-        this.closeExistingTooltip();
-      }
-      this.toggleTooltip(tooltip, value);
-    };
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Public Methods
-  //
-  // --------------------------------------------------------------------------
-  registerElement(referenceEl, tooltip) {
-    this.registeredElementCount++;
-    this.registeredElements.set(referenceEl, tooltip);
-    if (this.registeredElementCount === 1) {
-      this.addListeners();
-    }
-  }
-  unregisterElement(referenceEl) {
-    if (this.registeredElements.delete(referenceEl)) {
-      this.registeredElementCount--;
-    }
-    if (this.registeredElementCount === 0) {
-      this.removeListeners();
-    }
-  }
-  addListeners() {
-    document.addEventListener("keydown", this.keyDownHandler);
-    document.addEventListener("mouseover", this.mouseEnterShow, { capture: true });
-    document.addEventListener("mouseout", this.mouseLeaveHide, { capture: true });
-    document.addEventListener("pointerdown", this.clickHandler, { capture: true });
-    document.addEventListener("focusin", this.focusShow, { capture: true });
-    document.addEventListener("focusout", this.blurHide, { capture: true });
-  }
-  removeListeners() {
-    document.removeEventListener("keydown", this.keyDownHandler);
-    document.removeEventListener("mouseover", this.mouseEnterShow, { capture: true });
-    document.removeEventListener("mouseout", this.mouseLeaveHide, { capture: true });
-    document.removeEventListener("pointerdown", this.clickHandler, { capture: true });
-    document.removeEventListener("focusin", this.focusShow, { capture: true });
-    document.removeEventListener("focusout", this.blurHide, { capture: true });
-  }
-  clearHoverTimeout(tooltip) {
-    const { hoverTimeouts } = this;
-    if (hoverTimeouts.has(tooltip)) {
-      window.clearTimeout(hoverTimeouts.get(tooltip));
-      hoverTimeouts.delete(tooltip);
-    }
-  }
-  closeExistingTooltip() {
-    const { activeTooltipEl } = this;
-    if (activeTooltipEl) {
-      this.toggleTooltip(activeTooltipEl, false);
-    }
-  }
-  focusTooltip(tooltip, value) {
-    this.closeExistingTooltip();
-    if (value) {
-      this.clearHoverTimeout(tooltip);
-    }
-    this.toggleTooltip(tooltip, value);
-  }
-  toggleTooltip(tooltip, value) {
-    tooltip.open = value;
-    if (value) {
-      this.activeTooltipEl = tooltip;
-    }
-  }
-  hoverTooltip(tooltip, value) {
-    this.clearHoverTimeout(tooltip);
-    const { hoverTimeouts } = this;
-    const timeoutId = window.setTimeout(() => this.hoverToggle(tooltip, value), TOOLTIP_DELAY_MS );
-    hoverTimeouts.set(tooltip, timeoutId);
-  }
-  activeTooltipHover(event) {
-    const { activeTooltipEl, hoverTimeouts } = this;
-    const { type } = event;
-    if (!activeTooltipEl) {
-      return;
-    }
-    if (type === "mouseover" && event.composedPath().includes(activeTooltipEl)) {
-      this.clearHoverTimeout(activeTooltipEl);
-    }
-    else if (type === "mouseout" && !hoverTimeouts.has(activeTooltipEl)) {
-      this.hoverTooltip(activeTooltipEl, false);
-    }
-  }
-  hoverEvent(event, value) {
-    const tooltip = this.queryTooltip(event.composedPath());
-    this.activeTooltipHover(event);
-    if (!tooltip) {
-      return;
-    }
-    this.hoverTooltip(tooltip, value);
-  }
-  focusEvent(event, value) {
-    const tooltip = this.queryTooltip(event.composedPath());
-    if (!tooltip || tooltip === this.clickedTooltip) {
-      this.clickedTooltip = null;
-      return;
-    }
-    this.focusTooltip(tooltip, value);
-  }
-}
-
-const tooltipCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 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;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block;position:absolute;z-index:999;-webkit-transform:scale(0);transform:scale(0)}.calcite-floating-ui-anim{position:relative;-webkit-transition:var(--calcite-floating-ui-transition);transition:var(--calcite-floating-ui-transition);visibility:hidden;-webkit-transition-property:visibility, opacity, -webkit-transform;transition-property:visibility, opacity, -webkit-transform;transition-property:transform, visibility, opacity;transition-property:transform, visibility, opacity, -webkit-transform;opacity:0;-webkit-box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:1;border-radius:0.25rem}:host([data-placement^=bottom]) .calcite-floating-ui-anim{-webkit-transform:translateY(-5px);transform:translateY(-5px)}:host([data-placement^=top]) .calcite-floating-ui-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}:host([data-placement^=left]) .calcite-floating-ui-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}:host([data-placement^=right]) .calcite-floating-ui-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}:host([data-placement]) .calcite-floating-ui-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}.arrow,.arrow::before{position:absolute;inline-size:8px;block-size:8px;z-index:-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);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);-webkit-transform:rotate(45deg);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^=left]) .arrow{direction:ltr;inset-inline-end:-4px}:host([data-placement^=right]) .arrow{direction:ltr;inset-inline-start:-4px}.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);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1);max-inline-size:20rem;max-block-size:20rem;text-align:start}.calcite-floating-ui-anim{border-radius:0.25rem;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);background-color:var(--calcite-ui-foreground-1)}.arrow::before{outline:1px solid var(--calcite-ui-border-3)}";
-
-const manager = new TooltipManager();
-const Tooltip = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    // --------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    // --------------------------------------------------------------------------
-    /** Closes the component when the `referenceElement` is clicked. */
-    this.closeOnClick = false;
-    /**
-     * Offset the position of the component away from the `referenceElement`.
-     *
-     * @default 6
-     */
-    this.offsetDistance = defaultOffsetDistance;
-    /**
-     * Offset the position of the component along the `referenceElement`.
-     */
-    this.offsetSkidding = 0;
-    /**
-     * When true, the component is open.
-     */
-    this.open = false;
-    /**
-     * Determines the type of positioning to use for the overlaid content.
-     *
-     * Using the "absolute" value will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. The "fixed" value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is "fixed".
-     *
-     */
-    this.overlayPositioning = "absolute";
-    /**
-     * Determines where the component will be positioned relative to the `referenceElement`.
-     *
-     * @see [LogicalPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/floating-ui.ts#L25)
-     */
-    this.placement = "auto";
-    this.guid = `calcite-tooltip-${guid()}`;
-    // --------------------------------------------------------------------------
-    //
-    //  Private Methods
-    //
-    // --------------------------------------------------------------------------
-    this.setUpReferenceElement = () => {
-      this.removeReferences();
-      this.effectiveReferenceElement = this.getReferenceElement();
-      connectFloatingUI(this, this.effectiveReferenceElement, this.el);
-      const { el, referenceElement, effectiveReferenceElement } = this;
-      if (referenceElement && !effectiveReferenceElement) {
-        console.warn(`${el.tagName}: reference-element id "${referenceElement}" was not found.`, {
-          el
-        });
-      }
-      this.addReferences();
-    };
-    this.getId = () => {
-      return this.el.id || this.guid;
-    };
-    this.addReferences = () => {
-      const { effectiveReferenceElement } = this;
-      if (!effectiveReferenceElement) {
-        return;
-      }
-      const id = this.getId();
-      if ("setAttribute" in effectiveReferenceElement) {
-        effectiveReferenceElement.setAttribute(ARIA_DESCRIBED_BY, id);
-      }
-      manager.registerElement(effectiveReferenceElement, this.el);
-    };
-    this.removeReferences = () => {
-      const { effectiveReferenceElement } = this;
-      if (!effectiveReferenceElement) {
-        return;
-      }
-      if ("removeAttribute" in effectiveReferenceElement) {
-        effectiveReferenceElement.removeAttribute(ARIA_DESCRIBED_BY);
-      }
-      manager.unregisterElement(effectiveReferenceElement);
-    };
-  }
-  offsetDistanceOffsetHandler() {
-    this.reposition();
-  }
-  offsetSkiddingHandler() {
-    this.reposition();
-  }
-  openHandler() {
-    this.reposition();
-  }
-  overlayPositioningHandler() {
-    this.reposition();
-  }
-  placementHandler() {
-    this.reposition();
-  }
-  referenceElementHandler() {
-    this.setUpReferenceElement();
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  // --------------------------------------------------------------------------
-  connectedCallback() {
-    connectFloatingUI(this, this.effectiveReferenceElement, this.el);
-  }
-  componentWillLoad() {
-    this.setUpReferenceElement();
-  }
-  componentDidLoad() {
-    this.reposition();
-  }
-  disconnectedCallback() {
-    this.removeReferences();
-    disconnectFloatingUI(this, this.effectiveReferenceElement, this.el);
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Public Methods
-  //
-  // --------------------------------------------------------------------------
-  /** Updates the position of the component. */
-  async reposition() {
-    const { el, effectiveReferenceElement, placement, overlayPositioning, offsetDistance, offsetSkidding, arrowEl } = this;
-    return positionFloatingUI({
-      floatingEl: el,
-      referenceEl: effectiveReferenceElement,
-      overlayPositioning,
-      placement,
-      offsetDistance,
-      offsetSkidding,
-      arrowEl,
-      type: "tooltip"
-    });
-  }
-  getReferenceElement() {
-    const { referenceElement, el } = this;
-    return ((typeof referenceElement === "string"
-      ? queryElementRoots(el, { id: referenceElement })
-      : referenceElement) || null);
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Render Methods
-  //
-  // --------------------------------------------------------------------------
-  render() {
-    const { effectiveReferenceElement, label, open } = 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: {
-        [FloatingCSS.animation]: true,
-        [FloatingCSS.animationActive]: displayed
-      } }, h("div", { class: CSS.arrow, ref: (arrowEl) => (this.arrowEl = arrowEl) }), h("div", { class: CSS.container }, h("slot", null)))));
-  }
-  get el() { return this; }
-  static get watchers() { return {
-    "offsetDistance": ["offsetDistanceOffsetHandler"],
-    "offsetSkidding": ["offsetSkiddingHandler"],
-    "open": ["openHandler"],
-    "overlayPositioning": ["overlayPositioningHandler"],
-    "placement": ["placementHandler"],
-    "referenceElement": ["referenceElementHandler"]
-  }; }
-  static get style() { return tooltipCss; }
-}, [1, "calcite-tooltip", {
-    "closeOnClick": [4, "close-on-click"],
-    "label": [1],
-    "offsetDistance": [514, "offset-distance"],
-    "offsetSkidding": [514, "offset-skidding"],
-    "open": [516],
-    "overlayPositioning": [1, "overlay-positioning"],
-    "placement": [513],
-    "referenceElement": [1, "reference-element"],
-    "effectiveReferenceElement": [32],
-    "reposition": [64]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["calcite-tooltip"];
-  components.forEach(tagName => { switch (tagName) {
-    case "calcite-tooltip":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, Tooltip);
-      }
-      break;
-  } });
-}
-defineCustomElement$1();
+import { T as Tooltip, d as defineCustomElement$1 } from './tooltip.js';
 
 const CalciteTooltip = Tooltip;
 const defineCustomElement = defineCustomElement$1;