@esri/calcite-components 1.0.0-beta.80 → 1.0.0-beta.83

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

@@ -17,6 +17,7 @@ export declare class SplitButton implements InteractiveComponent {
   handleDisabledChange(value: boolean): void;
   /**
    * Is the dropdown currently active or not
+   *
    * @internal
    */
   active: boolean;
@@ -25,8 +26,10 @@ export declare class SplitButton implements InteractiveComponent {
   dropdownIconType: DropdownIconType;
   /** aria label for overflow button */
   dropdownLabel?: string;
-  /** optionally add a calcite-loader component to the control,
-   disabling interaction. with the primary button */
+  /**
+    optionally add a calcite-loader component to the control,
+   disabling interaction. with the primary button
+   */
   loading: boolean;
   /** Describes the type of positioning to use for the dropdown. If your element is in a fixed container, use the 'fixed' value. */
   overlayPositioning: OverlayPositioning;

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

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

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

@@ -1,5 +1,6 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { Layout, Scale } from "../interfaces";
+import { StepperItemChangeEventDetail, StepperItemEventDetail, StepperItemKeyEventDetail } from "./interfaces";
 /**
  * @slot - A slot for adding `calcite-stepper-item`s.
  */
@@ -14,39 +15,46 @@ export declare class Stepper {
   /** specify the scale of stepper, defaults to m */
   scale: Scale;
   /** @internal */
-  requestedContent: HTMLElement[] | NodeListOf<any>;
+  requestedContent: Node[];
   contentWatcher(): void;
   /**
    * This event fires when the active stepper item has changed.
+   *
    * @internal
    */
-  calciteStepperItemChange: EventEmitter;
+  calciteInternalStepperItemChange: EventEmitter<StepperItemChangeEventDetail>;
   componentDidLoad(): void;
   componentWillLoad(): void;
   render(): VNode;
-  calciteStepperItemKeyEvent(e: CustomEvent): void;
-  registerItem(event: CustomEvent): void;
-  updateItem(event: CustomEvent): void;
+  calciteInternalStepperItemKeyEvent(e: CustomEvent<StepperItemKeyEventDetail>): void;
+  registerItem(event: CustomEvent<StepperItemEventDetail>): void;
+  updateItem(event: CustomEvent<StepperItemEventDetail>): void;
   /** set the next step as active */
   nextStep(): Promise<void>;
   /** set the previous step as active */
   prevStep(): Promise<void>;
-  /** set the requested step as active */
-  goToStep(num: number): Promise<void>;
+  /**
+   * set the requested step as active
+   *
+   * @param step
+   */
+  goToStep(step: number): Promise<void>;
   /** set the first step as active */
   startStep(): Promise<void>;
   /** set the last step as active */
   endStep(): Promise<void>;
-  /** created list of Stepper items */
+  private itemMap;
+  /** list of sorted Stepper items */
   private items;
-  /** sorted list of Stepper items */
-  private sortedItems;
+  /** list of enabled Stepper items */
+  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 emitChangedItem;
+  private updateStep;
   private focusFirstItem;
   private focusLastItem;
   private focusNextItem;
@@ -54,5 +62,6 @@ export declare class Stepper {
   private itemIndex;
   private focusElement;
   private sortItems;
+  private filterItems;
   private updateContent;
 }

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

@@ -1,6 +1,7 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { Scale } from "../interfaces";
 import { InteractiveComponent } from "../../utils/interactive";
+import { StepperItemChangeEventDetail, StepperItemEventDetail, StepperItemKeyEventDetail } from "../stepper/interfaces";
 /**
  * @slot - A slot for adding custom content.
  */
@@ -34,22 +35,19 @@ export declare class StepperItem implements InteractiveComponent {
   /**
    * @internal
    */
-  calciteStepperItemKeyEvent: EventEmitter;
+  calciteInternalStepperItemKeyEvent: EventEmitter<StepperItemKeyEventDetail>;
   /**
    * @internal
    */
-  calciteStepperItemSelect: EventEmitter;
+  calciteInternalStepperItemSelect: EventEmitter<StepperItemEventDetail>;
   /**
    * @internal
    */
-  calciteStepperItemRegister: EventEmitter;
+  calciteInternalStepperItemRegister: EventEmitter<StepperItemEventDetail>;
   componentWillLoad(): void;
-  componentDidLoad(): void;
-  componentDidUpdate(): void;
   componentDidRender(): void;
   render(): VNode;
-  keyDownHandler(e: KeyboardEvent): void;
-  updateActiveItemOnChange(event: CustomEvent): void;
+  updateActiveItemOnChange(event: CustomEvent<StepperItemChangeEventDetail>): void;
   /** position within parent */
   private itemPosition;
   /** the latest requested item position*/
@@ -58,10 +56,11 @@ export declare class StepperItem implements InteractiveComponent {
   private itemContent;
   /** the parent stepper component */
   private parentStepperEl;
+  private keyDownHandler;
   private renderIcon;
   private determineActiveItem;
   private registerStepperItem;
   private emitRequestedItem;
-  private getItemContent;
+  private setItemContent;
   private getItemPosition;
 }

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

@@ -13,7 +13,9 @@ export declare class Switch implements LabelableComponent, CheckableFormCompomen
   name: string;
   /** The scale of the switch */
   scale: Scale;
-  /** True if the switch is initially on
+  /**
+   * True if the switch is initially on
+   *
    * @deprecated use 'checked' instead.
    */
   switched: boolean;

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

@@ -15,27 +15,30 @@ export declare class Tab {
    * Show this tab
    */
   active: boolean;
-  /** @internal Parent tabs component scale value */
+  /**
+   * @internal
+   */
   scale: Scale;
   render(): VNode;
+  connectedCallback(): void;
   componentDidLoad(): void;
   componentWillRender(): void;
   disconnectedCallback(): void;
   /**
    * @internal
    */
-  calciteTabRegister: EventEmitter;
-  tabChangeHandler(event: CustomEvent<TabChangeEventDetail>): void;
+  calciteInternalTabRegister: EventEmitter;
+  internalTabChangeHandler(event: CustomEvent<TabChangeEventDetail>): void;
   /**
    * Return the index of this tab within the tab array
    */
   getTabIndex(): Promise<number>;
+  parentTabsEl: HTMLCalciteTabsElement;
+  guid: string;
+  labeledBy: string;
   /**
-   * @internal
-   */
-  private guid;
-  private labeledBy;
-  /**
+   * @param tabIds
+   * @param titleIds
    * @internal
    */
   updateAriaInfo(tabIds?: string[], titleIds?: string[]): Promise<void>;

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

@@ -16,22 +16,22 @@ export declare class TabNav {
    * Pass the same string to multiple tab navs to keep them all in sync if one changes
    */
   syncId: string;
-  /** @internal Parent tabs component scale value */
+  /**
+   * @internal
+   */
   scale: Scale;
-  /** @internal Parent tabs component layout value */
+  /**
+   * @internal
+   */
   layout: TabLayout;
-  /** @internal Parent tabs component position value */
-  position: TabPosition;
-  /** @internal Parent tabs component bordered value when layout is "inline" */
-  bordered: boolean;
   /**
    * @internal
    */
-  selectedTab: TabID;
+  position: TabPosition;
   /**
    * @internal
    */
-  selectedTabEl: HTMLCalciteTabTitleElement;
+  bordered: boolean;
   /**
    * @internal
    */
@@ -42,33 +42,46 @@ export declare class TabNav {
   indicatorWidth: number;
   selectedTabChanged(): Promise<void>;
   selectedTabElChanged(): void;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
   componentWillLoad(): void;
   componentWillRender(): void;
   componentDidRender(): void;
   render(): VNode;
-  resizeHandler(): void;
   focusPreviousTabHandler(e: CustomEvent): void;
   focusNextTabHandler(e: CustomEvent): void;
+  internalActivateTabHandler(e: CustomEvent<TabChangeEventDetail>): void;
   activateTabHandler(e: CustomEvent<TabChangeEventDetail>): void;
   /**
    * Check for active tabs on register and update selected
+   *
+   * @param e
    */
   updateTabTitles(e: CustomEvent<TabID>): void;
-  globalTabChangeHandler(e: CustomEvent<TabChangeEventDetail>): void;
+  globalInternalTabChangeHandler(e: CustomEvent<TabChangeEventDetail>): void;
   /**
    * Emitted when the active tab changes
+   *
    * @see [TabChangeEventDetail](https://github.com/Esri/calcite-components/blob/master/src/components/tab/interfaces.ts#L1)
    */
   calciteTabChange: EventEmitter<TabChangeEventDetail>;
-  private tabNavEl;
-  private activeIndicatorEl;
-  private activeIndicatorContainerEl;
-  private animationActiveDuration;
-  private handleContainerScroll;
-  private updateOffsetPosition;
-  private updateActiveWidth;
-  private getIndexOfTabTitle;
-  private getTabTitleById;
-  private get tabTitles();
-  private get enabledTabTitles();
+  /**
+   * @internal
+   */
+  calciteInternalTabChange: EventEmitter<TabChangeEventDetail>;
+  selectedTab: TabID;
+  selectedTabEl: HTMLCalciteTabTitleElement;
+  parentTabsEl: HTMLCalciteTabsElement;
+  tabNavEl: HTMLDivElement;
+  activeIndicatorEl: HTMLElement;
+  activeIndicatorContainerEl: HTMLDivElement;
+  animationActiveDuration: number;
+  resizeObserver: ResizeObserver;
+  handleContainerScroll: () => void;
+  updateOffsetPosition(): void;
+  updateActiveWidth(): void;
+  getIndexOfTabTitle(el: HTMLCalciteTabTitleElement, tabTitles?: HTMLCalciteTabTitleElement[]): number;
+  getTabTitleById(id: TabID): Promise<HTMLCalciteTabTitleElement | null>;
+  get tabTitles(): HTMLCalciteTabTitleElement[];
+  get enabledTabTitles(): HTMLCalciteTabTitleElement[];
 }

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

@@ -18,13 +18,21 @@ export declare class TabTitle implements InteractiveComponent {
   iconFlipRtl?: FlipContext;
   /** optionally pass an icon to display at the start of a tab title - accepts calcite ui icon names  */
   iconStart?: string;
-  /** @internal Parent tabs component layout value */
+  /**
+   * @internal
+   */
   layout: TabLayout;
-  /** @internal Parent tabs component or parent tab-nav component's position */
+  /**
+   * @internal
+   */
   position: TabPosition;
-  /** @internal Parent tabs component or parent tab-nav component's scale */
+  /**
+   * @internal
+   */
   scale: Scale;
-  /** @internal Parent tabs component bordered value */
+  /**
+   * @internal
+   */
   bordered: boolean;
   /**
    * Optionally include a unique name for the tab title,
@@ -39,26 +47,34 @@ export declare class TabTitle implements InteractiveComponent {
   render(): VNode;
   componentDidLoad(): Promise<void>;
   componentDidRender(): void;
-  tabChangeHandler(event: CustomEvent<TabChangeEventDetail>): void;
+  internalTabChangeHandler(event: CustomEvent<TabChangeEventDetail>): void;
   onClick(): void;
   keyDownHandler(e: KeyboardEvent): void;
   /**
-   * Fires when a specific tab is activated (`event.details`)
+   * Fires when a specific tab is activated. Emits the "tab" property or the index position.
+   *
    * @see [TabChangeEventDetail](https://github.com/Esri/calcite-components/blob/master/src/components/tab/interfaces.ts#L1)
    */
   calciteTabsActivate: EventEmitter<TabChangeEventDetail>;
+  /**
+   * Fires when a specific tab is activated (`event.details`)
+   *
+   * @see [TabChangeEventDetail](https://github.com/Esri/calcite-components/blob/master/src/components/tab/interfaces.ts#L1)
+   * @internal
+   */
+  calciteInternalTabsActivate: EventEmitter<TabChangeEventDetail>;
   /**
    * @internal
    */
-  calciteTabsFocusNext: EventEmitter;
+  calciteInternalTabsFocusNext: EventEmitter;
   /**
    * @internal
    */
-  calciteTabsFocusPrevious: EventEmitter;
+  calciteInternalTabsFocusPrevious: EventEmitter;
   /**
    * @internal
    */
-  calciteTabTitleRegister: EventEmitter<TabID>;
+  calciteInternalTabTitleRegister: EventEmitter<TabID>;
   /**
    * Return the index of this title within the nav
    */
@@ -68,27 +84,20 @@ export declare class TabTitle implements InteractiveComponent {
    */
   getTabIdentifier(): Promise<TabID>;
   /**
+   * @param tabIds
+   * @param titleIds
    * @internal
    */
   updateAriaInfo(tabIds?: string[], titleIds?: string[]): Promise<void>;
-  /** watches for changing text content **/
-  private mutationObserver;
-  private controls;
+  /** watches for changing text content */
+  mutationObserver: MutationObserver;
+  controls: string;
   /** determine if there is slotted text for styling purposes */
-  private hasText;
-  /**
-   * @internal
-   */
-  private parentTabNavEl;
-  /**
-   * @internal
-   */
-  private parentTabsEl;
-  private updateHasText;
-  private setupTextContentObserver;
-  private emitActiveTab;
-  /**
-   * @internal
-   */
-  private guid;
+  hasText: boolean;
+  parentTabNavEl: HTMLCalciteTabNavElement;
+  parentTabsEl: HTMLCalciteTabsElement;
+  updateHasText(): void;
+  setupTextContentObserver(): void;
+  emitActiveTab(userTriggered?: boolean): void;
+  guid: string;
 }

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

@@ -26,40 +26,41 @@ export declare class Tabs {
   connectedCallback(): void;
   render(): VNode;
   /**
+   * @param e
    * @internal
    */
-  calciteTabTitleRegister(e: CustomEvent): void;
+  calciteInternalTabTitleRegister(e: CustomEvent): void;
   /**
+   * @param e
    * @internal
    */
   calciteTabTitleUnregister(e: CustomEvent): void;
   /**
+   * @param e
    * @internal
    */
-  calciteTabRegister(e: CustomEvent): void;
+  calciteInternalTabRegister(e: CustomEvent): void;
   /**
+   * @param e
    * @internal
    */
   calciteTabUnregister(e: CustomEvent): void;
   /**
-   * @internal
    *
    * Stores an array of ids of `<calcite-tab-titles>`s to match up ARIA
    * attributes.
    */
   titles: HTMLCalciteTabTitleElement[];
   /**
-   * @internal
    *
    * Stores an array of ids of `<calcite-tab>`s to match up ARIA attributes.
    */
   tabs: HTMLCalciteTabElement[];
   /**
-   * @internal
    *
    * Matches up elements from the internal `tabs` and `titles` to automatically
    * update the ARIA attributes and link `<calcite-tab>` and
    * `<calcite-tab-title>` components.
    */
-  private registryHandler;
+  registryHandler(): Promise<void>;
 }

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

@@ -19,6 +19,7 @@ export declare class Tile implements ConditionalSlotComponent, InteractiveCompon
   embed: boolean;
   /**
    * The focused state of the tile.
+   *
    * @internal
    */
   focused: boolean;

package/dist/types/components/time-picker/time-picker.d.ts

@@ -3,56 +3,81 @@ import { Scale } from "../interfaces";
 import { TimePart, HourCycle, Meridiem } from "../../utils/time";
 export declare class TimePicker {
   el: HTMLCalciteTimePickerElement;
-  /** aria-label for the hour input
+  /**
+   * aria-label for the hour input
+   *
    * @default "Hour"
    */
   intlHour: string;
-  /** aria-label for the hour down button
+  /**
+   * aria-label for the hour down button
+   *
    * @default "Decrease hour"
    */
   intlHourDown: string;
-  /** aria-label for the hour up button
+  /**
+   * aria-label for the hour up button
+   *
    * @default "Increase hour"
    */
   intlHourUp: string;
-  /** aria-label for the meridiem (am/pm) input
+  /**
+   * aria-label for the meridiem (am/pm) input
+   *
    * @default "AM/PM"
    */
   intlMeridiem: string;
-  /** aria-label for the meridiem (am/pm) down button
+  /**
+   * aria-label for the meridiem (am/pm) down button
+   *
    * @default "Decrease AM/PM"
    */
   intlMeridiemDown: string;
-  /** aria-label for the meridiem (am/pm) up button
+  /**
+   * aria-label for the meridiem (am/pm) up button
+   *
    * @default "Increase AM/PM"
    */
   intlMeridiemUp: string;
-  /** aria-label for the minute input
+  /**
+   * aria-label for the minute input
+   *
    * @default "Minute"
    */
   intlMinute: string;
-  /** aria-label for the minute down button
+  /**
+   * aria-label for the minute down button
+   *
    * @default "Decrease minute"
    */
   intlMinuteDown: string;
-  /** aria-label for the minute up button
+  /**
+   * aria-label for the minute up button
+   *
    * @default "Increase minute"
    */
   intlMinuteUp: string;
-  /** aria-label for the second input
+  /**
+   * aria-label for the second input
+   *
    * @default "Second"
    */
   intlSecond: string;
-  /** aria-label for the second down button
+  /**
+   * aria-label for the second down button
+   *
    * @default "Decrease second"
    */
   intlSecondDown: string;
-  /** aria-label for the second up button
+  /**
+   * aria-label for the second up button
+   *
    * @default "Increase second"
    */
   intlSecondUp: string;
   /**
    * BCP 47 language tag for desired language and country format
+   *
    * @internal
    */
   locale: string;
@@ -71,7 +96,6 @@ export declare class TimePicker {
   private secondEl;
   private meridiemOrder;
   hour: string;
-  hourChanged(newHour: string): void;
   hourCycle: HourCycle;
   localizedHour: string;
   localizedHourSuffix: string;
@@ -87,19 +111,23 @@ export declare class TimePicker {
   /**
    * @internal
    */
-  calciteTimePickerBlur: EventEmitter<void>;
+  calciteInternalTimePickerBlur: EventEmitter<void>;
   /**
    * @internal
    */
-  calciteTimePickerChange: EventEmitter<string>;
+  calciteInternalTimePickerChange: EventEmitter<string>;
   /**
    * @internal
    */
-  calciteTimePickerFocus: EventEmitter<void>;
+  calciteInternalTimePickerFocus: EventEmitter<void>;
   hostBlurHandler(): void;
   hostFocusHandler(): void;
   keyDownHandler(event: KeyboardEvent): void;
-  /** Sets focus on the component. */
+  /**
+   * Sets focus on the component.
+   *
+   * @param target
+   */
   setFocus(target: TimePart): Promise<void>;
   private buttonActivated;
   private decrementHour;

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

@@ -5,7 +5,7 @@ import { HeadingLevel } from "../functional/Heading";
  */
 export declare class TipManager {
   /**
-   * Alternate text for closing the `calcite-tip-manager`.
+   * Closed state of the `calcite-tip-manager`.
    */
   closed: boolean;
   closedChangeHandler(): void;
@@ -50,8 +50,14 @@ export declare class TipManager {
   previousTip(): Promise<void>;
   /**
    * Emitted when the `calcite-tip-manager` has been toggled open or closed.
+   *
+   * @deprecated use calciteTipManagerClose instead.
    */
   calciteTipManagerToggle: EventEmitter;
+  /**
+   * Emitted when the `calcite-tip-manager` has been closed.
+   */
+  calciteTipManagerClose: EventEmitter;
   setUpTips(): void;
   hideTipManager: () => void;
   showSelectedTip(): void;

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

@@ -0,0 +1,28 @@
+import { ReferenceElement } from "../../utils/popper";
+export default class TooltipManager {
+  private registeredElements;
+  private hoverTimeouts;
+  private clickedTooltip;
+  private activeTooltipEl;
+  private registeredElementCount;
+  registerElement(referenceEl: ReferenceElement, tooltip: HTMLCalciteTooltipElement): void;
+  unregisterElement(referenceEl: ReferenceElement): void;
+  private queryTooltip;
+  private keyDownHandler;
+  private mouseEnterShow;
+  private mouseLeaveHide;
+  private clickHandler;
+  private focusShow;
+  private blurHide;
+  private addListeners;
+  private removeListeners;
+  private clearHoverTimeout;
+  private closeExistingTooltip;
+  private focusTooltip;
+  private toggleTooltip;
+  private hoverToggle;
+  private hoverTooltip;
+  private activeTooltipHover;
+  private hoverEvent;
+  private focusEvent;
+}

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

@@ -3,5 +3,4 @@ export declare const CSS: {
   arrow: string;
 };
 export declare const TOOLTIP_DELAY_MS = 500;
-export declare const TOOLTIP_REFERENCE = "data-calcite-tooltip-reference";
 export declare const ARIA_DESCRIBED_BY = "aria-describedby";