@esri/calcite-components 1.0.0-next.538 → 1.0.0-next.540

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/stepper.d.ts

@@ -27,7 +27,7 @@ export declare class Stepper {
   calciteInternalStepperItemChange: EventEmitter<StepperItemChangeEventDetail>;
   componentDidLoad(): void;
   render(): VNode;
-  calciteInternalStepperItemKeyEvent(e: CustomEvent<StepperItemKeyEventDetail>): void;
+  calciteInternalStepperItemKeyEvent(event: CustomEvent<StepperItemKeyEventDetail>): void;
   registerItem(event: CustomEvent): void;
   updateItem(event: CustomEvent): void;
   handleUserRequestedStepperItemSelect(event: CustomEvent<StepperItemChangeEventDetail>): void;

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

@@ -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.
    *

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

@@ -58,10 +58,10 @@ export declare class TreeItem implements ConditionalSlotComponent {
   componentDidLoad(): void;
   private isSelectionMultiLike;
   render(): VNode;
-  onClick(e: Event): void;
+  onClick(event: Event): void;
   iconClickHandler: (event: MouseEvent) => void;
   childrenClickHandler: (event: MouseEvent) => void;
-  keyDownHandler(e: KeyboardEvent): void;
+  keyDownHandler(event: KeyboardEvent): void;
   /**
    * @internal
    */