@esri/calcite-components 1.0.0-beta.86 → 1.0.0-beta.89

package/dist/types/components/panel/panel.d.ts

@@ -22,7 +22,8 @@ export declare class Panel implements ConditionalSlotComponent, InteractiveCompo
   dismissed: boolean;
   /** When true, panel will be hidden */
   closed: boolean;
-  dismissedHandler(): void;
+  dismissedHandler(value: boolean): void;
+  closedHandler(value: boolean): void;
   /**
    * When provided, this method will be called before it is removed from the parent flow.
    */
@@ -37,8 +38,10 @@ export declare class Panel implements ConditionalSlotComponent, InteractiveCompo
    * @deprecated use closable instead
    */
   dismissible: boolean;
+  dismissibleHandler(value: boolean): void;
   /** When true, displays a close button in the trailing side of the header */
   closable: boolean;
+  closableHandler(value: boolean): void;
   /**
    * Specifies the number at which section headings should start.
    */
@@ -90,7 +93,7 @@ export declare class Panel implements ConditionalSlotComponent, InteractiveCompo
   componentDidRender(): void;
   el: HTMLCalcitePanelElement;
   backButtonEl: HTMLCalciteActionElement;
-  dismissButtonEl: HTMLCalciteActionElement;
+  closeButtonEl: HTMLCalciteActionElement;
   containerEl: HTMLElement;
   panelScrollEl: HTMLElement;
   resizeObserver: ResizeObserver;
@@ -99,27 +102,27 @@ export declare class Panel implements ConditionalSlotComponent, InteractiveCompo
   /**
    * Fires when the close button is clicked.
    */
-  calcitePanelDismiss: EventEmitter;
+  calcitePanelDismiss: EventEmitter<void>;
   /**
-   * Fires when the close button is clicked.
+   * Fires when there is a change to the `dismissed` property value .
    *
    * @deprecated use calcitePanelDismiss instead.
    */
-  calcitePanelDismissedChange: EventEmitter;
+  calcitePanelDismissedChange: EventEmitter<void>;
   /**
    * Fires when the content is scrolled.
    */
-  calcitePanelScroll: EventEmitter;
+  calcitePanelScroll: EventEmitter<void>;
   /**
    * Fires when the back button is clicked.
    */
-  calcitePanelBackClick: EventEmitter;
+  calcitePanelBackClick: EventEmitter<void>;
   resizeHandler: () => void;
   setContainerRef: (node: HTMLElement) => void;
-  setDismissRef: (node: HTMLCalciteActionElement) => void;
+  setCloseRef: (node: HTMLCalciteActionElement) => void;
   setBackRef: (node: HTMLCalciteActionElement) => void;
   panelKeyDownHandler: (event: KeyboardEvent) => void;
-  dismiss: () => void;
+  close: () => void;
   panelScrollHandler: () => void;
   backButtonClick: () => void;
   /**

package/dist/types/components/popover/PopoverManager.d.ts

@@ -1,4 +1,4 @@
-import { ReferenceElement } from "../../utils/popper";
+import { ReferenceElement } from "../../utils/floating-ui";
 export default class PopoverManager {
   private registeredElements;
   private registeredElementCount;

package/dist/types/components/popover/popover.d.ts

@@ -1,11 +1,11 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { PopperPlacement, OverlayPositioning, ComputedPlacement, ReferenceElement } from "../../utils/popper";
-import { StrictModifiers, Instance as Popper } from "@popperjs/core";
+import { OverlayPositioning, FloatingUIComponent, LogicalPlacement, EffectivePlacement, ReferenceElement } from "../../utils/floating-ui";
+import { OpenCloseComponent } from "../../utils/openCloseComponent";
 import { HeadingLevel } from "../functional/Heading";
 /**
  * @slot - A slot for adding custom content.
  */
-export declare class Popover {
+export declare class Popover implements FloatingUIComponent, OpenCloseComponent {
   /**
    * When true and clicking outside of the component, automatically closes open `calcite-popover`s.
    */
@@ -35,7 +35,7 @@ export declare class Popover {
   /**
    * Defines the available placements that can be used when a flip occurs.
    */
-  flipPlacements?: ComputedPlacement[];
+  flipPlacements?: EffectivePlacement[];
   flipPlacementsHandler(): void;
   /**
    * The component header text.
@@ -66,12 +66,13 @@ export declare class Popover {
   openHandler(): void;
   /** Describes the positioning type to use for the overlaid content. If the element is in a fixed container, use the "fixed" value. */
   overlayPositioning: OverlayPositioning;
+  overlayPositioningHandler(): void;
   /**
    * Determines where the component will be positioned relative to the `referenceElement`.
    *
-   * @see [PopperPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/popper.ts#L25)
+   * @see [LogicalPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/floating-ui.ts#L25)
    */
-  placement: PopperPlacement;
+  placement: LogicalPlacement;
   placementHandler(): void;
   /**
    *  The `referenceElement` used to position the component according to its "placement" value. Setting to an `HTMLElement` is preferred so the component does not need to query the DOM. However, a string `id` of the reference element can also be used.
@@ -88,22 +89,27 @@ export declare class Popover {
    * @default "Close"
    */
   intlClose: string;
-  filteredFlipPlacements: ComputedPlacement[];
+  filteredFlipPlacements: EffectivePlacement[];
   el: HTMLCalcitePopoverElement;
   effectiveReferenceElement: ReferenceElement;
-  popper: Popper;
   arrowEl: HTMLDivElement;
   closeButtonEl: HTMLCalciteActionElement;
   guid: string;
   private activeTransitionProp;
+  private containerEl;
+  private setContainerEl;
   connectedCallback(): void;
   componentWillLoad(): void;
   componentDidLoad(): void;
   disconnectedCallback(): void;
-  /** Fired when the component is closed. */
-  calcitePopoverClose: EventEmitter;
-  /** Fired when the component is opened. */
-  calcitePopoverOpen: EventEmitter;
+  /** Fires when the component is requested to be closed and before the closing transition begins. */
+  calcitePopoverBeforeClose: EventEmitter<void>;
+  /** Fires when the component is closed and animation is complete. */
+  calcitePopoverClose: EventEmitter<void>;
+  /** Fires when the component is added to the DOM but not rendered, and before the opening transition begins. */
+  calcitePopoverBeforeOpen: EventEmitter<void>;
+  /** Fires when the component is open and animation is complete. */
+  calcitePopoverOpen: EventEmitter<void>;
   /** Updates the position of the component. */
   reposition(): Promise<void>;
   /**
@@ -125,11 +131,14 @@ export declare class Popover {
   addReferences: () => void;
   removeReferences: () => void;
   getReferenceElement(): ReferenceElement;
-  getModifiers(): Partial<StrictModifiers>[];
-  createPopper(): void;
-  destroyPopper(): void;
   hide: () => void;
+  onBeforeOpen(): void;
+  onOpen(): void;
+  onBeforeClose(): void;
+  onClose(): void;
+  transitionStartHandler: (event: TransitionEvent) => void;
   transitionEnd: (event: TransitionEvent) => void;
+  storeArrowEl: (el: HTMLDivElement) => void;
   renderCloseButton(): VNode;
   renderHeader(): VNode;
   render(): VNode;

package/dist/types/components/radio-button/radio-button.d.ts

@@ -67,27 +67,27 @@ export declare class RadioButton implements LabelableComponent, CheckableFormCom
    *
    * @internal
    */
-  calciteInternalRadioButtonBlur: EventEmitter;
+  calciteInternalRadioButtonBlur: EventEmitter<void>;
   /**
    * Fires only when the radio button is checked.  This behavior is identical to the native HTML input element.
    * Since this event does not fire when the radio button is unchecked, it's not recommended to attach a listener for this event
    * directly on the element, but instead either attach it to a node that contains all of the radio buttons in the group
    * or use the calciteRadioButtonGroupChange event if using this with calcite-radio-button-group.
    */
-  calciteRadioButtonChange: EventEmitter;
+  calciteRadioButtonChange: EventEmitter<void>;
   /**
    * Fires when the checked property changes.  This is an internal event used for styling purposes only.
    * Use calciteRadioButtonChange or calciteRadioButtonGroupChange for responding to changes in the checked value for forms.
    *
    * @internal
    */
-  calciteInternalRadioButtonCheckedChange: EventEmitter;
+  calciteInternalRadioButtonCheckedChange: EventEmitter<void>;
   /**
    * Fires when the radio button is focused.
    *
    * @internal
    */
-  calciteInternalRadioButtonFocus: EventEmitter;
+  calciteInternalRadioButtonFocus: EventEmitter<void>;
   mouseenter(): void;
   mouseleave(): void;
   handleKeyDown: (event: KeyboardEvent) => void;

package/dist/types/components/radio-button-group/radio-button-group.d.ts

@@ -28,7 +28,7 @@ export declare class RadioButtonGroup {
   /**
    * Emitted when the radio button group has changed.
    */
-  calciteRadioButtonGroupChange: EventEmitter;
+  calciteRadioButtonGroupChange: EventEmitter<void>;
   radioButtonChangeHandler(event: CustomEvent): void;
   render(): VNode;
 }

package/dist/types/components/radio-group-item/radio-group-item.d.ts

@@ -21,5 +21,5 @@ export declare class RadioGroupItem {
    *
    * @internal
    */
-  calciteInternalRadioGroupItemChange: EventEmitter;
+  calciteInternalRadioGroupItemChange: EventEmitter<void>;
 }

package/dist/types/components/shell/resources.d.ts

@@ -9,6 +9,8 @@ export declare const SLOTS: {
   centerRow: string;
   primaryPanel: string;
   contextualPanel: string;
+  panelStart: string;
+  panelEnd: string;
   header: string;
   footer: string;
 };

package/dist/types/components/shell/shell.d.ts

@@ -4,8 +4,10 @@ import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
  * @slot - A slot for adding content to the shell. This content will appear between any leading and trailing panels added to the shell. (eg. a map)
  * @slot header - A slot for adding header content. This content will be positioned at the top of the shell.
  * @slot footer - A slot for adding footer content. This content will be positioned at the bottom of the shell.
- * @slot primary-panel - A slot for adding the leading `calcite-shell-panel`.
- * @slot contextual-panel - A slot for adding the trailing `calcite-shell-panel`.
+ * @slot panel-start - A slot for adding the starting `calcite-shell-panel`.
+ * @slot panel-end - A slot for adding the ending `calcite-shell-panel`.
+ * @slot primary-panel - [DEPRECATED] A slot for adding the leading `calcite-shell-panel`.
+ * @slot contextual-panel - [DEPRECATED] A slot for adding the trailing `calcite-shell-panel`.
  * @slot center-row - A slot for adding custom content in the center row.
  */
 export declare class Shell implements ConditionalSlotComponent {

package/dist/types/components/shell-panel/shell-panel.d.ts

@@ -55,7 +55,7 @@ export declare class ShellPanel implements ConditionalSlotComponent {
    *
    * @deprecated use a resizeObserver on the shell-panel to listen for changes to its size.
    */
-  calciteShellPanelToggle: EventEmitter;
+  calciteShellPanelToggle: EventEmitter<void>;
   renderHeader(): VNode;
   render(): VNode;
   setContentWidth(width: number): void;

package/dist/types/components/slider/slider.d.ts

@@ -84,13 +84,13 @@ export declare class Slider implements LabelableComponent, FormComponent, Intera
    * expensive operations consider using a debounce or throttle to avoid
    * locking up the main thread.
    */
-  calciteSliderInput: EventEmitter;
+  calciteSliderInput: EventEmitter<void>;
   /**
    * Fires on when the thumb is released on slider
    * If you need to constantly listen to the drag event,
    * please use calciteSliderInput instead
    */
-  calciteSliderChange: EventEmitter;
+  calciteSliderChange: EventEmitter<void>;
   /**
    * Fires on all updates to the slider.
    * :warning: Will be fired frequently during drag. If you are performing any
@@ -99,7 +99,7 @@ export declare class Slider implements LabelableComponent, FormComponent, Intera
    *
    * @deprecated use calciteSliderInput instead
    */
-  calciteSliderUpdate: EventEmitter;
+  calciteSliderUpdate: EventEmitter<void>;
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
   labelEl: HTMLCalciteLabelElement;

package/dist/types/components/sortable-list/sortable-list.d.ts

@@ -43,7 +43,7 @@ export declare class SortableList implements InteractiveComponent {
   /**
    * Emitted when the order of the list has changed.
    */
-  calciteListOrderChange: EventEmitter;
+  calciteListOrderChange: EventEmitter<void>;
   calciteHandleNudgeHandler(event: CustomEvent): void;
   setUpDragAndDrop(): void;
   cleanUpDragAndDrop(): void;

package/dist/types/components/split-button/split-button.d.ts

@@ -1,7 +1,7 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { ButtonAppearance, ButtonColor, DropdownIconType } from "../button/interfaces";
-import { FlipContext, Scale, Width } from "../interfaces";
-import { OverlayPositioning } from "../../utils/popper";
+import { DeprecatedEventPayload, FlipContext, Scale, Width } from "../interfaces";
+import { OverlayPositioning } from "../../utils/floating-ui";
 import { InteractiveComponent } from "../../utils/interactive";
 /**
  * @slot - A slot for adding `calcite-dropdown` content.
@@ -47,10 +47,18 @@ export declare class SplitButton implements InteractiveComponent {
   scale: Scale;
   /** specify the width of the button, defaults to auto */
   width: Width;
-  /** fired when the primary button is clicked */
-  calciteSplitButtonPrimaryClick: EventEmitter;
-  /** fired when the secondary button is clicked */
-  calciteSplitButtonSecondaryClick: EventEmitter;
+  /**
+   * fired when the primary button is clicked
+   *
+   * **Note:** The event payload is deprecated, please use separate mouse event listeners to get info about click.
+   */
+  calciteSplitButtonPrimaryClick: EventEmitter<DeprecatedEventPayload>;
+  /**
+   * fired when the secondary button is clicked
+   *
+   * **Note:** The event payload is deprecated, please use separate mouse event listeners to get info about click.
+   */
+  calciteSplitButtonSecondaryClick: EventEmitter<DeprecatedEventPayload>;
   componentDidRender(): void;
   render(): VNode;
   private calciteSplitButtonPrimaryClickHandler;

package/dist/types/components/stepper/interfaces.d.ts

@@ -1,6 +1,5 @@
 export interface StepperItemEventDetail {
   position: number;
-  content: Node[];
 }
 export interface StepperItemKeyEventDetail {
   item: KeyboardEvent;

package/dist/types/components/stepper/stepper.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { Layout, Scale } from "../interfaces";
-import { StepperItemChangeEventDetail, StepperItemEventDetail, StepperItemKeyEventDetail } from "./interfaces";
+import { StepperItemChangeEventDetail, StepperItemKeyEventDetail } from "./interfaces";
 /**
  * @slot - A slot for adding `calcite-stepper-item`s.
  */
@@ -14,9 +14,6 @@ export declare class Stepper {
   numbered: boolean;
   /** specify the scale of stepper, defaults to m */
   scale: Scale;
-  /** @internal */
-  requestedContent: Node[];
-  contentWatcher(): void;
   /**
    * This event fires when the active stepper item has changed.
    *
@@ -29,11 +26,10 @@ export declare class Stepper {
    */
   calciteInternalStepperItemChange: EventEmitter<StepperItemChangeEventDetail>;
   componentDidLoad(): void;
-  componentWillLoad(): void;
   render(): VNode;
-  calciteInternalStepperItemKeyEvent(e: CustomEvent<StepperItemKeyEventDetail>): void;
-  registerItem(event: CustomEvent<StepperItemEventDetail>): void;
-  updateItem(event: CustomEvent<StepperItemEventDetail>): void;
+  calciteInternalStepperItemKeyEvent(event: CustomEvent<StepperItemKeyEventDetail>): void;
+  registerItem(event: CustomEvent): void;
+  updateItem(event: CustomEvent): void;
   handleUserRequestedStepperItemSelect(event: CustomEvent<StepperItemChangeEventDetail>): void;
   /** set the next step as active */
   nextStep(): Promise<void>;
@@ -56,18 +52,13 @@ export declare class Stepper {
   private enabledItems;
   /** keep track of the currently active item position */
   private currentPosition;
-  /** the container where we place horizontal layout step content */
-  private stepperContentContainer;
   private getEnabledStepIndex;
-  private addHorizontalContentContainer;
   private updateStep;
   private focusFirstItem;
   private focusLastItem;
   private focusNextItem;
   private focusPrevItem;
   private itemIndex;
-  private focusElement;
   private sortItems;
   private filterItems;
-  private updateContent;
 }

package/dist/types/components/stepper-item/stepper-item.d.ts

@@ -45,6 +45,7 @@ export declare class StepperItem implements InteractiveComponent {
   scale: Scale;
   disabledWatcher(): void;
   activeWatcher(active: boolean): void;
+  headerEl: HTMLDivElement;
   /**
    * @internal
    */
@@ -65,12 +66,11 @@ export declare class StepperItem implements InteractiveComponent {
   componentDidRender(): void;
   render(): VNode;
   updateActiveItemOnChange(event: CustomEvent<StepperItemChangeEventDetail>): void;
+  setFocus(): Promise<void>;
   /** position within parent */
   private itemPosition;
   /** the latest requested item position*/
   private activePosition;
-  /** the slotted item content */
-  private itemContent;
   /** the parent stepper component */
   private parentStepperEl;
   private keyDownHandler;
@@ -79,6 +79,5 @@ export declare class StepperItem implements InteractiveComponent {
   private registerStepperItem;
   private emitUserRequestedItem;
   private emitRequestedItem;
-  private setItemContent;
   private getItemPosition;
 }

package/dist/types/components/switch/switch.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { Scale } from "../interfaces";
+import { DeprecatedEventPayload, Scale } from "../interfaces";
 import { LabelableComponent } from "../../utils/label";
 import { CheckableFormCompoment } from "../../utils/form";
 import { InteractiveComponent } from "../../utils/interactive";
@@ -31,15 +31,17 @@ export declare class Switch implements LabelableComponent, CheckableFormCompomen
   defaultChecked: boolean;
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
-  keyDownHandler: (e: KeyboardEvent) => void;
+  keyDownHandler: (event: KeyboardEvent) => void;
   onLabelClick(): void;
   private toggle;
   private clickHandler;
   private setSwitchEl;
   /**
    * Fires when the checked value has changed.
+   *
+   * **Note:** The event payload is deprecated, please use the `checked` property on the component instead
    */
-  calciteSwitchChange: EventEmitter;
+  calciteSwitchChange: EventEmitter<DeprecatedEventPayload>;
   connectedCallback(): void;
   disconnectedCallback(): void;
   componentDidRender(): void;

package/dist/types/components/tab/tab.d.ts

@@ -27,7 +27,7 @@ export declare class Tab {
   /**
    * @internal
    */
-  calciteInternalTabRegister: EventEmitter;
+  calciteInternalTabRegister: EventEmitter<void>;
   internalTabChangeHandler(event: CustomEvent<TabChangeEventDetail>): void;
   /**
    * Return the index of this tab within the tab array

package/dist/types/components/tab-nav/tab-nav.d.ts

@@ -48,17 +48,17 @@ export declare class TabNav {
   componentWillRender(): void;
   componentDidRender(): void;
   render(): VNode;
-  focusPreviousTabHandler(e: CustomEvent): void;
-  focusNextTabHandler(e: CustomEvent): void;
-  internalActivateTabHandler(e: CustomEvent<TabChangeEventDetail>): void;
-  activateTabHandler(e: CustomEvent<TabChangeEventDetail>): void;
+  focusPreviousTabHandler(event: CustomEvent): void;
+  focusNextTabHandler(event: CustomEvent): void;
+  internalActivateTabHandler(event: CustomEvent<TabChangeEventDetail>): void;
+  activateTabHandler(event: CustomEvent<TabChangeEventDetail>): void;
   /**
    * Check for active tabs on register and update selected
    *
-   * @param e
+   * @param event
    */
-  updateTabTitles(e: CustomEvent<TabID>): void;
-  globalInternalTabChangeHandler(e: CustomEvent<TabChangeEventDetail>): void;
+  updateTabTitles(event: CustomEvent<TabID>): void;
+  globalInternalTabChangeHandler(event: CustomEvent<TabChangeEventDetail>): void;
   /**
    * Emitted when the active tab changes
    *

package/dist/types/components/tab-title/tab-title.d.ts

@@ -49,7 +49,7 @@ export declare class TabTitle implements InteractiveComponent {
   componentDidRender(): void;
   internalTabChangeHandler(event: CustomEvent<TabChangeEventDetail>): void;
   onClick(): void;
-  keyDownHandler(e: KeyboardEvent): void;
+  keyDownHandler(event: KeyboardEvent): void;
   /**
    * Fires when a specific tab is activated. Emits the "tab" property or the index position.
    *
@@ -66,11 +66,11 @@ export declare class TabTitle implements InteractiveComponent {
   /**
    * @internal
    */
-  calciteInternalTabsFocusNext: EventEmitter;
+  calciteInternalTabsFocusNext: EventEmitter<void>;
   /**
    * @internal
    */
-  calciteInternalTabsFocusPrevious: EventEmitter;
+  calciteInternalTabsFocusPrevious: EventEmitter<void>;
   /**
    * @internal
    */

package/dist/types/components/tabs/tabs.d.ts

@@ -27,25 +27,25 @@ export declare class Tabs {
   connectedCallback(): void;
   render(): VNode;
   /**
-   * @param e
+   * @param event
    * @internal
    */
-  calciteInternalTabTitleRegister(e: CustomEvent): void;
+  calciteInternalTabTitleRegister(event: CustomEvent): void;
   /**
-   * @param e
+   * @param event
    * @internal
    */
-  calciteTabTitleUnregister(e: CustomEvent): void;
+  calciteTabTitleUnregister(event: CustomEvent): void;
   /**
-   * @param e
+   * @param event
    * @internal
    */
-  calciteInternalTabRegister(e: CustomEvent): void;
+  calciteInternalTabRegister(event: CustomEvent): void;
   /**
-   * @param e
+   * @param event
    * @internal
    */
-  calciteTabUnregister(e: CustomEvent): void;
+  calciteTabUnregister(event: CustomEvent): void;
   /**
    *
    * Stores an array of ids of `<calcite-tab-titles>`s to match up ARIA

package/dist/types/components/tile-select/tile-select.d.ts

@@ -40,7 +40,7 @@ export declare class TileSelect implements InteractiveComponent {
   /**
    * Emits a custom change event.  For checkboxes, it emits when the checkbox is checked or unchecked.  For radios it only emits when it is checked.
    */
-  calciteTileSelectChange: EventEmitter;
+  calciteTileSelectChange: EventEmitter<void>;
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
   checkboxChangeHandler(event: CustomEvent): void;

package/dist/types/components/tip/tip.d.ts

@@ -36,7 +36,7 @@ export declare class Tip implements ConditionalSlotComponent {
   /**
    * Emitted when the component has been dismissed.
    */
-  calciteTipDismiss: EventEmitter;
+  calciteTipDismiss: EventEmitter<void>;
   hideTip: () => void;
   renderHeader(): VNode;
   renderDismissButton(): VNode;

package/dist/types/components/tip-manager/tip-manager.d.ts

@@ -53,18 +53,18 @@ export declare class TipManager {
    *
    * @deprecated use calciteTipManagerClose instead.
    */
-  calciteTipManagerToggle: EventEmitter;
+  calciteTipManagerToggle: EventEmitter<void>;
   /**
    * Emitted when the `calcite-tip-manager` has been closed.
    */
-  calciteTipManagerClose: EventEmitter;
+  calciteTipManagerClose: EventEmitter<void>;
   setUpTips(): void;
   hideTipManager: () => void;
   showSelectedTip(): void;
   updateGroupTitle(): void;
   previousClicked: () => void;
   nextClicked: () => void;
-  tipManagerKeyUpHandler: (event: KeyboardEvent) => void;
+  tipManagerKeyDownHandler: (event: KeyboardEvent) => void;
   storeContainerRef: (el: HTMLDivElement) => void;
   renderPagination(): VNode;
   render(): VNode;

package/dist/types/components/tooltip/TooltipManager.d.ts

@@ -1,4 +1,4 @@
-import { ReferenceElement } from "../../utils/popper";
+import { ReferenceElement } from "../../utils/floating-ui";
 export default class TooltipManager {
   private registeredElements;
   private hoverTimeouts;

package/dist/types/components/tooltip/tooltip.d.ts

@@ -1,10 +1,9 @@
 import { VNode } from "../../stencil-public-runtime";
-import { StrictModifiers, Instance as Popper } from "@popperjs/core";
-import { PopperPlacement, OverlayPositioning, ReferenceElement } from "../../utils/popper";
+import { OverlayPositioning, FloatingUIComponent, LogicalPlacement, ReferenceElement } from "../../utils/floating-ui";
 /**
  * @slot - A slot for adding text.
  */
-export declare class Tooltip {
+export declare class Tooltip implements FloatingUIComponent {
   /** Closes the component when the `referenceElement` is clicked. */
   closeOnClick: boolean;
   /** Accessible name for the component. */
@@ -28,12 +27,13 @@ export declare class Tooltip {
   openHandler(): void;
   /** Describes the positioning type to use for the overlaid content. If the `referenceElement` is in a fixed container, use the "fixed" value. */
   overlayPositioning: OverlayPositioning;
+  overlayPositioningHandler(): void;
   /**
    * Determines where the component will be positioned relative to the `referenceElement`.
    *
-   * @see [PopperPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/popper.ts#L25)
+   * @see [LogicalPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/floating-ui.ts#L25)
    */
-  placement: PopperPlacement;
+  placement: LogicalPlacement;
   placementHandler(): void;
   /**
    * The `referenceElement` to position the component according to its "placement" value. Setting to the `HTMLElement` is preferred so the component does not need to query the DOM for the `referenceElement`. However, a string ID of the reference element can be used.
@@ -43,8 +43,8 @@ export declare class Tooltip {
   el: HTMLCalciteTooltipElement;
   effectiveReferenceElement: ReferenceElement;
   arrowEl: HTMLDivElement;
-  popper: Popper;
   guid: string;
+  connectedCallback(): void;
   componentWillLoad(): void;
   componentDidLoad(): void;
   disconnectedCallback(): void;
@@ -55,8 +55,5 @@ export declare class Tooltip {
   addReferences: () => void;
   removeReferences: () => void;
   getReferenceElement(): ReferenceElement;
-  getModifiers(): Partial<StrictModifiers>[];
-  createPopper(): void;
-  destroyPopper(): void;
   render(): VNode;
 }

package/dist/types/components/tree/tree.d.ts

@@ -33,9 +33,9 @@ export declare class Tree {
   onFocus(): void;
   onFocusIn(event: FocusEvent): void;
   onFocusOut(event: FocusEvent): void;
-  onClick(e: CustomEvent<TreeItemSelectDetail>): void;
+  onClick(event: CustomEvent<TreeItemSelectDetail>): void;
   keyDownHandler(event: KeyboardEvent): void;
-  updateAncestorTree(e: CustomEvent<TreeItemSelectDetail>): void;
+  updateAncestorTree(event: CustomEvent<TreeItemSelectDetail>): void;
   /**
    * Fires when the user selects/deselects `calcite-tree-items`. An object including an array of selected items will be passed in the event's "detail" property.
    *