@esri/calcite-components 1.0.0-beta.78 → 1.0.0-beta.79

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

@@ -1,89 +0,0 @@
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { Scale } from "../interfaces";
-import { ModalBackgroundColor } from "./interfaces";
-import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
-/**
- * @slot header - a slot for adding a modal header
- * @slot content - a slot for adding modal content
- * @slot primary - a slot for adding a primary button
- * @slot secondary - a slot for adding a secondary button
- * @slot back - a slot for adding a back button
- */
-export declare class Modal implements ConditionalSlotComponent {
-  el: HTMLCalciteModalElement;
-  /** Add the active attribute to open the modal */
-  active: boolean;
-  /** Optionally pass a function to run before close */
-  beforeClose: (el: HTMLElement) => Promise<void>;
-  /** Disables the display a close button within the Modal */
-  disableCloseButton: boolean;
-  /** Disables the closing of the Modal when clicked outside. */
-  disableOutsideClose: boolean;
-  /** Aria label for the close button */
-  intlClose: string;
-  /** Prevent the modal from taking up the entire screen on mobile */
-  docked: boolean;
-  /** Specify an element to focus when the modal is first opened */
-  firstFocus?: HTMLElement;
-  /** Flag to disable the default close on escape behavior */
-  disableEscape: boolean;
-  /** specify the scale of modal, defaults to m */
-  scale: Scale;
-  /** Set the width of the modal. Can use stock sizes or pass a number (in pixels) */
-  width: Scale | number;
-  /** Set the modal to always be fullscreen (overrides width) */
-  fullscreen: boolean;
-  /** Adds a color bar at the top for visual impact,
-   * Use color to add importance to destructive/workflow dialogs. */
-  color?: "red" | "blue";
-  /** Background color of modal content */
-  backgroundColor: ModalBackgroundColor;
-  /** Turn off spacing around the content area slot */
-  noPadding: boolean;
-  componentWillLoad(): void;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  render(): VNode;
-  renderFooter(): VNode;
-  renderCloseButton(): VNode;
-  renderStyle(): VNode;
-  hasFooter: boolean;
-  closeButtonEl: HTMLButtonElement;
-  contentId: string;
-  modalContent: HTMLDivElement;
-  private mutationObserver;
-  previousActiveElement: HTMLElement;
-  titleId: string;
-  private activeTransitionProp;
-  handleEscape(e: KeyboardEvent): void;
-  /** Fired when the modal finishes the open animation */
-  calciteModalOpen: EventEmitter;
-  /** Fired when the modal finishes the close animation */
-  calciteModalClose: EventEmitter;
-  /**
-   * Focus first interactive element
-   * @deprecated use `setFocus` instead.
-   */
-  focusElement(el?: HTMLElement): Promise<void>;
-  /**
-   * Sets focus on the component.
-   *
-   * By default, will try to focus on any focusable content. If there is none, it will focus on the close button.
-   * If you want to focus on the close button, you can use the `close-button` focus ID.
-   */
-  setFocus(focusId?: "close-button"): Promise<void>;
-  /** Set the scroll top of the modal content */
-  scrollContent(top?: number, left?: number): Promise<void>;
-  transitionEnd: (event: TransitionEvent) => void;
-  toggleModal(value: boolean, oldValue: boolean): Promise<void>;
-  private openEnd;
-  /** Open the modal */
-  private open;
-  handleOutsideClose: () => void;
-  /** Close the modal, first running the `beforeClose` method */
-  close: () => Promise<void>;
-  focusFirstElement: () => void;
-  focusLastElement: () => void;
-  private removeOverflowHiddenClass;
-  private updateFooterVisibility;
-}

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

@@ -1,51 +0,0 @@
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { Scale, Width } from "../interfaces";
-import { StatusColor } from "../alert/interfaces";
-import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
-/** Notices are intended to be used to present users with important-but-not-crucial contextual tips or copy. Because
- * notices are displayed inline, a common use case is displaying them on page-load to present users with short hints or contextual copy.
- * They are optionally dismissible - useful for keeping track of whether or not a user has dismissed the notice. You can also choose not
- * to display a notice on page load and set the "active" attribute as needed to contextually provide inline messaging to users.
- */
-/**
- * @slot title - Title of the notice (optional)
- * @slot message - Main text of the notice
- * @slot link - Optional action to take from the notice (undo, try again, link to page, etc.)
- * @slot actions-end - Allows adding a `calcite-action` at the end of the notice. It is recommended to use 2 or less actions.
- */
-export declare class Notice implements ConditionalSlotComponent {
-  el: HTMLCalciteNoticeElement;
-  /** Is the notice currently active or not */
-  active: boolean;
-  /** Color for the notice (will apply to top border and icon) */
-  color: StatusColor;
-  /** Optionally show a button the user can click to dismiss the notice */
-  dismissible: boolean;
-  /** when used as a boolean set to true, show a default recommended icon. You can
-   * also pass a calcite-ui-icon name to this prop to display a requested icon */
-  icon: string | boolean;
-  /** String for the close button.
-   * @default "Close"
-   */
-  intlClose: string;
-  /** specify the scale of the notice, defaults to m */
-  scale: Scale;
-  /** specify the width of the notice, defaults to auto */
-  width: Width;
-  updateRequestedIcon(): void;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  componentWillLoad(): void;
-  render(): VNode;
-  /** Fired when an notice is closed */
-  calciteNoticeClose: EventEmitter;
-  /** Fired when an Notice is opened */
-  calciteNoticeOpen: EventEmitter;
-  /** Sets focus on the component. */
-  setFocus(): Promise<void>;
-  private close;
-  /** the close button element */
-  private closeButton?;
-  /** the computed icon to render */
-  private requestedIcon?;
-}

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

@@ -1,51 +0,0 @@
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { Scale } from "../interfaces";
-export interface PaginationDetail {
-  start: number;
-  total: number;
-  num: number;
-}
-export declare class Pagination {
-  /** number of items per page */
-  num: number;
-  /** index of item that should begin the page */
-  start: number;
-  /** total number of items */
-  total: number;
-  /** Used as an accessible label (aria-label) for the next button
-   * @default "Next"
-   */
-  textLabelNext: string;
-  /** Used as an accessible label (aria-label) of the previous button
-   * @default "Previous"
-   */
-  textLabelPrevious: string;
-  /** The scale of the pagination */
-  scale: Scale;
-  el: HTMLCalcitePaginationElement;
-  /**
-   * Emitted whenever the selected page changes.
-   * @deprecated use calcitePaginationChange instead
-   */
-  calcitePaginationUpdate: EventEmitter<PaginationDetail>;
-  /**
-   * Emitted whenever the selected page changes.
-   * @see [PaginationDetail](https://github.com/Esri/calcite-components/blob/master/src/components/pagination/calcite-pagination.tsx#L18)
-   */
-  calcitePaginationChange: EventEmitter<PaginationDetail>;
-  /** Go to the next page of results */
-  nextPage(): Promise<void>;
-  /** Go to the previous page of results */
-  previousPage(): Promise<void>;
-  private getLastStart;
-  private previousClicked;
-  private nextClicked;
-  private showLeftEllipsis;
-  private showRightEllipsis;
-  private emitUpdate;
-  renderPages(): VNode[];
-  renderPage(start: number): VNode;
-  renderLeftEllipsis(): VNode;
-  renderRightEllipsis(): VNode;
-  render(): VNode;
-}

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

@@ -1,130 +0,0 @@
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { Scale } from "../interfaces";
-import { HeadingLevel } from "../functional/Heading";
-import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
-/**
- * @slot - A slot for adding custom content.
- * @slot header-actions-start - A slot for adding actions or content to the start side of the panel header.
- * @slot header-actions-end - A slot for adding actions or content to the end side of the panel header.
- * @slot header-content - A slot for adding custom content to the header.
- * @slot header-menu-actions - A slot for adding an overflow menu with actions inside a dropdown.
- * @slot fab - A slot for adding a `calcite-fab` (floating action button) to perform an action.
- * @slot footer-actions - A slot for adding buttons to the footer.
- * @slot footer - A slot for adding custom content to the footer.
- */
-export declare class Panel implements ConditionalSlotComponent {
-  /**
-   * Hides the panel.
-   */
-  dismissed: boolean;
-  dismissedHandler(): void;
-  /**
-   * When provided, this method will be called before it is removed from the parent flow.
-   */
-  beforeBack?: () => Promise<void>;
-  /**
-   * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.
-   */
-  disabled: boolean;
-  /**
-   * Displays a close button in the trailing side of the header.
-   */
-  dismissible: boolean;
-  /**
-   * Number at which section headings should start for this component.
-   */
-  headingLevel: HeadingLevel;
-  /**
-   * Shows a back button in the header.
-   */
-  showBackButton: boolean;
-  /**
-   * 'Back' text string.
-   */
-  intlBack?: string;
-  /**
-   * Specifies the maximum height of the panel.
-   */
-  heightScale?: Scale;
-  /**
-   * This sets width of the panel.
-   */
-  widthScale?: Scale;
-  /**
-   * When true, content is waiting to be loaded. This state shows a busy indicator.
-   */
-  loading: boolean;
-  /**
-   * 'Close' text string for the close button. The close button will only be shown when 'dismissible' is true.
-   */
-  intlClose?: string;
-  /**
-   * 'Options' text string for the actions menu.
-   */
-  intlOptions?: string;
-  /**
-   * Heading text.
-   */
-  heading?: string;
-  /**
-   * Summary text. A description displayed underneath the heading.
-   */
-  summary?: string;
-  /**
-   * Opens the action menu.
-   */
-  menuOpen: boolean;
-  el: HTMLCalcitePanelElement;
-  backButtonEl: HTMLCalciteActionElement;
-  dismissButtonEl: HTMLCalciteActionElement;
-  containerEl: HTMLElement;
-  panelScrollEl: HTMLElement;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  /**
-   * Emitted when the close button has been clicked.
-   */
-  calcitePanelDismissedChange: EventEmitter;
-  /**
-   * Emitted when the content has been scrolled.
-   */
-  calcitePanelScroll: EventEmitter;
-  /**
-   * Emitted when the back button has been clicked.
-   */
-  calcitePanelBackClick: EventEmitter;
-  setContainerRef: (node: HTMLElement) => void;
-  setDismissRef: (node: HTMLCalciteActionElement) => void;
-  setBackRef: (node: HTMLCalciteActionElement) => void;
-  panelKeyDownHandler: (event: KeyboardEvent) => void;
-  dismiss: () => void;
-  panelScrollHandler: () => void;
-  backButtonClick: () => void;
-  /** Sets focus on the component. */
-  setFocus(focusId?: "dismiss-button" | "back-button"): Promise<void>;
-  /** Scrolls panel content to a particular set of coordinates.
-   *
-   * ```
-   *   myCalcitePanel.scrollContentTo({
-   *     left: 0, // Specifies the number of pixels along the X axis to scroll the window or element.
-   *     top: 0, // Specifies the number of pixels along the Y axis to scroll the window or element
-   *     behavior: "auto" // Specifies whether the scrolling should animate smoothly (smooth), or happen instantly in a single jump (auto, the default value).
-   *   });
-   * ```
-   */
-  scrollContentTo(options?: ScrollToOptions): Promise<void>;
-  renderBackButton(): VNode;
-  renderHeaderContent(): VNode;
-  /**
-   * Allows user to override the entire header-content node.
-   */
-  renderHeaderSlottedContent(): VNode;
-  renderHeaderStartActions(): VNode;
-  renderHeaderActionsEnd(): VNode;
-  renderMenu(): VNode;
-  renderHeaderNode(): VNode;
-  renderFooterNode(): VNode;
-  renderContent(): VNode;
-  renderFab(): VNode;
-  render(): VNode;
-}

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

@@ -1,75 +0,0 @@
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { ICON_TYPES } from "./resources";
-import { ListFocusId, ItemData } from "./shared-list-logic";
-import { HeadingLevel } from "../functional/Heading";
-/**
- * @slot - A slot for adding `calcite-pick-list-item` elements or `calcite-pick-list-group` elements. Items are displayed as a vertical list.
- * @slot menu-actions - A slot for adding a button + menu combo for performing actions like sorting.
- */
-export declare class PickList<ItemElement extends HTMLCalcitePickListItemElement = HTMLCalcitePickListItemElement> {
-  /**
-   * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.
-   */
-  disabled: boolean;
-  /**
-   * When true, an input appears at the top of the list that can be used by end users to filter items in the list.
-   */
-  filterEnabled: boolean;
-  /**
-   * Placeholder text for the filter input field.
-   */
-  filterPlaceholder: string;
-  /**
-   * Number at which section headings should start for this component.
-   */
-  headingLevel: HeadingLevel;
-  /**
-   * When true, content is waiting to be loaded. This state shows a busy indicator.
-   */
-  loading: boolean;
-  /**
-   * Multiple works similar to standard radio buttons and checkboxes.
-   * When true, a user can select multiple items at a time.
-   * When false, only a single item can be selected at a time
-   * and selecting a new item will deselect any other selected items.
-   */
-  multiple: boolean;
-  /**
-   * When true and single-selection is enabled, the selection will change when navigating items via the keyboard.
-   */
-  selectionFollowsFocus: boolean;
-  selectedValues: Map<string, ItemElement>;
-  dataForFilter: ItemData;
-  items: ItemElement[];
-  lastSelectedItem: ItemElement;
-  mutationObserver: MutationObserver;
-  el: HTMLCalcitePickListElement;
-  emitCalciteListChange: () => void;
-  filterEl: HTMLCalciteFilterElement;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  /**
-   * Emitted when any of the item selections have changed.
-   */
-  calciteListChange: EventEmitter<Map<string, HTMLCalcitePickListItemElement>>;
-  calciteListItemRemoveHandler(event: CustomEvent<void>): void;
-  calciteListItemChangeHandler(event: CustomEvent): void;
-  calciteListItemPropsChangeHandler(event: CustomEvent): void;
-  calciteListItemValueChangeHandler(event: CustomEvent): void;
-  calciteListFocusOutHandler(event: FocusEvent): void;
-  setUpItems(): void;
-  setUpFilter(): void;
-  setFilterEl: (el: HTMLCalciteFilterElement) => void;
-  deselectRemovedItems: any;
-  deselectSiblingItems: any;
-  selectSiblings: any;
-  handleFilter: any;
-  getItemData: any;
-  keyDownHandler: any;
-  /** Returns the currently selected items */
-  getSelectedItems(): Promise<Map<string, HTMLCalcitePickListItemElement>>;
-  /** Sets focus on the component. */
-  setFocus(focusId?: ListFocusId): Promise<void>;
-  getIconType(): ICON_TYPES;
-  render(): VNode;
-}

package/dist/types/components/pick-list/shared-list-logic.d.ts

@@ -1,31 +0,0 @@
-import { PickList } from "./pick-list";
-import { ValueList } from "../value-list/value-list";
-declare type Lists = PickList | ValueList;
-declare type ListItemElement<T> = T extends PickList ? HTMLCalcitePickListItemElement : HTMLCalciteValueListItemElement;
-declare type List<T> = T extends PickList ? PickList : ValueList;
-export declare type ListFocusId = "filter";
-export declare function mutationObserverCallback<T extends Lists>(this: List<T>): void;
-export declare function initialize<T extends Lists>(this: List<T>): void;
-export declare function initializeObserver<T extends Lists>(this: List<T>): void;
-export declare function cleanUpObserver<T extends Lists>(this: List<T>): void;
-export declare function calciteListItemChangeHandler<T extends Lists>(this: List<T>, event: CustomEvent): void;
-export declare function calciteListItemValueChangeHandler<T extends Lists>(this: List<T>, event: CustomEvent): void;
-export declare function calciteListFocusOutHandler<T extends Lists>(this: List<T>, event: FocusEvent): void;
-export declare function keyDownHandler<T extends Lists>(this: List<T>, event: KeyboardEvent): void;
-export declare function internalCalciteListChangeEvent<T extends Lists>(this: List<T>): void;
-export declare function removeItem<T extends Lists, U extends ListItemElement<T>>(this: List<T>, event: CustomEvent): void;
-export declare function setFocus<T extends Lists>(this: List<T>, focusId: ListFocusId): Promise<void>;
-export declare function setUpItems<T extends Lists>(this: List<T>, tagName: T extends PickList ? "calcite-pick-list-item" : "calcite-value-list-item"): void;
-export declare function setUpFilter<T extends Lists>(this: List<T>): void;
-export declare function deselectRemovedItems<T extends Lists>(this: List<T>): void;
-export declare function deselectSiblingItems<T extends Lists>(this: List<T>, item: ListItemElement<T>): void;
-export declare function selectSiblings<T extends Lists>(this: List<T>, item: ListItemElement<T>, deselect?: boolean): void;
-export declare function handleFilter<T extends Lists>(this: List<T>, event: CustomEvent): void;
-export declare type ItemData = {
-  label: string;
-  description: string;
-  metadata: Record<string, unknown>;
-  value: string;
-}[];
-export declare function getItemData<T extends Lists>(this: List<T>): ItemData;
-export {};

package/dist/types/components/pick-list/shared-list-render.d.ts

@@ -1,18 +0,0 @@
-import { FunctionalComponent } from "../../stencil-public-runtime";
-import { JSXBase } from "../../stencil-public-runtime";
-import { handleFilter } from "./shared-list-logic";
-import DOMAttributes = JSXBase.DOMAttributes;
-interface ListProps extends DOMAttributes<any> {
-  disabled: boolean;
-  loading: boolean;
-  filterEnabled: boolean;
-  dataForFilter: any;
-  handleFilter: typeof handleFilter;
-  filterPlaceholder: string;
-  el: HTMLCalcitePickListElement | HTMLCalciteValueListElement;
-  setFilterEl: (el: HTMLCalciteFilterElement) => void;
-}
-export declare const List: FunctionalComponent<{
-  props: ListProps;
-} & DOMAttributes<any>>;
-export default List;

package/dist/types/components/pick-list-group/pick-list-group.d.ts

@@ -1,21 +0,0 @@
-import { VNode } from "../../stencil-public-runtime";
-import { HeadingLevel } from "../functional/Heading";
-import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
-/**
- * @slot - A slot for adding `calcite-pick-list-item` elements.
- */
-export declare class PickListGroup implements ConditionalSlotComponent {
-  /**
-   * The title used for all nested `calcite-pick-list` rows.
-   *
-   */
-  groupTitle: string;
-  /**
-   * Number at which section headings should start for this component.
-   */
-  headingLevel: HeadingLevel;
-  el: HTMLCalcitePickListGroupElement;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  render(): VNode;
-}

package/dist/types/components/pick-list-item/pick-list-item.d.ts

@@ -1,106 +0,0 @@
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { ICON_TYPES } from "../pick-list/resources";
-import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
-/**
- * @slot actions-end - a slot for adding actions or content to the end side of the item.
- * @slot actions-start - a slot for adding actions or content to the start side of the item.
- */
-export declare class PickListItem implements ConditionalSlotComponent {
-  /**
-   * An optional description for this item.  This will appear below the label text.
-   */
-  description?: string;
-  descriptionWatchHandler(): void;
-  /**
-   * When true, the item cannot be clicked and is visually muted.
-   */
-  disabled?: boolean;
-  /**
-   * When false, the item cannot be deselected by user interaction.
-   */
-  disableDeselect: boolean;
-  /**
-   * @internal When true, the item cannot be selected by user interaction.
-   */
-  nonInteractive: boolean;
-  /**
-   * Determines the icon SVG symbol that will be shown. Options are circle, square, grip or null.
-   * @see [ICON_TYPES](https://github.com/Esri/calcite-components/blob/master/src/components/pick-list/resources.ts#L5)
-   */
-  icon?: ICON_TYPES | null;
-  /**
-   * The main label for this item. This will appear next to the icon.
-   */
-  label: string;
-  labelWatchHandler(): void;
-  /**
-   * Used to provide additional metadata to an item, primarily used when the parent list has a filter.
-   */
-  metadata?: Record<string, unknown>;
-  metadataWatchHandler(): void;
-  /**
-   * Set this to true to display a remove action that removes the item from the list.
-   */
-  removable?: boolean;
-  /**
-   * Set this to true to pre-select an item. Toggles when an item is checked/unchecked.
-   */
-  selected: boolean;
-  selectedWatchHandler(): void;
-  /**
-   * Used as an accessible label (aria-label) for the "remove item" action. Only applicable if removable is true.
-   * @default "Remove"
-   */
-  intlRemove: string;
-  /**
-   * The item's associated value.
-   */
-  value: any;
-  valueWatchHandler(newValue: any, oldValue: any): void;
-  el: HTMLCalcitePickListItemElement;
-  private focusEl;
-  shiftPressed: boolean;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  /**
-   * Emitted whenever the item is selected or unselected.
-   */
-  calciteListItemChange: EventEmitter<{
-    item: HTMLCalcitePickListItemElement;
-    value: any;
-    selected: boolean;
-    shiftPressed: boolean;
-  }>;
-  /**
-   * Emitted whenever the remove button is pressed.
-   */
-  calciteListItemRemove: EventEmitter<void>;
-  /**
-   * Emitted whenever the the item's label, description, value or metadata properties are modified.
-   * @internal
-   */
-  calciteListItemPropsChange: EventEmitter<void>;
-  /**
-   * Emitted whenever the the item's value property is modified.
-   * @internal
-   */
-  calciteListItemValueChange: EventEmitter<{
-    oldValue: any;
-    newValue: any;
-  }>;
-  /**
-   * Used to toggle the selection state. By default this won't trigger an event.
-   * The first argument allows the value to be coerced, rather than swapping values.
-   */
-  toggleSelected(coerce?: boolean): Promise<void>;
-  /** Sets focus on the component. */
-  setFocus(): Promise<void>;
-  pickListClickHandler: (event: MouseEvent) => void;
-  pickListKeyDownHandler: (event: KeyboardEvent) => void;
-  removeClickHandler: () => void;
-  renderIcon(): VNode;
-  renderRemoveAction(): VNode;
-  renderActionsStart(): VNode;
-  renderActionsEnd(): VNode;
-  render(): VNode;
-}

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

@@ -1,107 +0,0 @@
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { PopperPlacement, OverlayPositioning } from "../../utils/popper";
-import { StrictModifiers, Placement, Instance as Popper } from "@popperjs/core";
-import { HeadingLevel } from "../functional/Heading";
-/**
- * @slot - A slot for adding custom content.
- */
-export declare class Popover {
-  /**
-   * Display a close button within the Popover.
-   * @deprecated use dismissible instead.
-   */
-  closeButton: boolean;
-  /**
-   * Display a close button within the Popover.
-   */
-  dismissible: boolean;
-  /**
-   * Prevents flipping the popover's placement when it starts to overlap its reference element.
-   */
-  disableFlip: boolean;
-  /**
-   * Removes the caret pointer.
-   */
-  disablePointer: boolean;
-  /**
-   * Defines the available placements that can be used when a flip occurs.
-   */
-  flipPlacements?: Placement[];
-  /**
-   * Heading text.
-   */
-  heading?: string;
-  /**
-   * Number at which section headings should start for this component.
-   */
-  headingLevel: HeadingLevel;
-  /** Accessible name for the component */
-  label: string;
-  /**
-   * Offset the position of the popover away from the reference element.
-   * @default 6
-   */
-  offsetDistance: number;
-  offsetDistanceOffsetHandler(): void;
-  /**
-   * Offset the position of the popover along the reference element.
-   */
-  offsetSkidding: number;
-  offsetSkiddingHandler(): void;
-  /**
-   * Display and position the component.
-   */
-  open: boolean;
-  openHandler(): void;
-  /** Describes the type of positioning to use for the overlaid content. If your element is in a fixed container, use the 'fixed' value. */
-  overlayPositioning: OverlayPositioning;
-  /**
-   * 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)
-   */
-  placement: PopperPlacement;
-  placementHandler(): void;
-  /**
-   * Reference HTMLElement used to position this component according to the placement property. As a convenience, a string ID of the reference element can be used. However, setting this property to use an HTMLElement is preferred so that the component does not need to query the DOM for the referenceElement.
-   */
-  referenceElement: HTMLElement | string;
-  referenceElementHandler(): void;
-  /** Text for close button.
-   * @default "Close"
-   */
-  intlClose: string;
-  el: HTMLCalcitePopoverElement;
-  effectiveReferenceElement: HTMLElement;
-  popper: Popper;
-  arrowEl: HTMLDivElement;
-  closeButtonEl: HTMLCalciteActionElement;
-  guid: string;
-  private activeTransitionProp;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  disconnectedCallback(): void;
-  /** Fired when the popover is closed */
-  calcitePopoverClose: EventEmitter;
-  /** Fired when the popover is opened */
-  calcitePopoverOpen: EventEmitter;
-  /** Updates the position of the component. */
-  reposition(): Promise<void>;
-  /** Sets focus on the component. */
-  setFocus(focusId?: "close-button"): Promise<void>;
-  /** Toggles the popover's open property. */
-  toggle(value?: boolean): Promise<void>;
-  setUpReferenceElement: () => void;
-  getId: () => string;
-  setExpandedAttr: () => void;
-  addReferences: () => void;
-  removeReferences: () => void;
-  getReferenceElement(): HTMLElement;
-  getModifiers(): Partial<StrictModifiers>[];
-  createPopper(): void;
-  destroyPopper(): void;
-  hide: () => void;
-  transitionEnd: (event: TransitionEvent) => void;
-  renderCloseButton(): VNode;
-  renderHeader(): VNode;
-  render(): VNode;
-}