@esri/calcite-components 1.0.0-beta.65 → 1.0.0-beta.69

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

@@ -1,7 +1,8 @@
 import { VNode, EventEmitter } from "../../stencil-public-runtime";
 import { HourDisplayFormat } from "../../utils/time";
 import { Scale } from "../interfaces";
-export declare class CalciteInputTimePicker {
+import { LabelableComponent } from "../../utils/label";
+export declare class CalciteInputTimePicker implements LabelableComponent {
   el: HTMLCalciteInputTimePickerElement;
   /** The active state of the time input */
   active: boolean;
@@ -39,11 +40,11 @@ export declare class CalciteInputTimePicker {
   scale: Scale;
   /** number that specifies the granularity that the value must adhere to */
   step: number;
-  /** The selected time */
+  /** The selected time (always 24-hour format)*/
   value: string;
   valueWatcher(newValue: string): void;
+  labelEl: HTMLCalciteLabelElement;
   private calciteInputEl;
-  private calciteTimePickerEl;
   /** whether the value of the input was changed as a result of user typing or not */
   private internalValueChange;
   private previousValidValue;
@@ -55,18 +56,18 @@ export declare class CalciteInputTimePicker {
   private calciteInputBlurHandler;
   private calciteInputFocusHandler;
   private calciteInputInputHandler;
-  clickHandler(event: MouseEvent): void;
   keyUpHandler(event: KeyboardEvent): void;
   timePickerBlurHandler(event: CustomEvent): void;
   timePickerChangeHandler(event: CustomEvent): void;
   timePickerFocusHandler(event: CustomEvent): void;
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
+  onLabelClick(): void;
   private setCalciteInputEl;
-  private setCalciteTimePickerEl;
   private setInputValue;
   private setValue;
   connectedCallback(): void;
   componentDidLoad(): void;
+  disconnectedCallback(): void;
   render(): VNode;
 }

package/dist/types/components/calcite-label/calcite-label.d.ts

@@ -1,6 +1,8 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { FocusRequest } from "./interfaces";
 import { Alignment, Scale, Status } from "../interfaces";
+/**
+ * @slot - A slot for adding text and a component that can be labeled.
+ */
 export declare class CalciteLabel {
   el: HTMLCalciteLabelElement;
   /** specify the text alignment of the label */
@@ -9,7 +11,7 @@ export declare class CalciteLabel {
   status: Status;
   /** The id of the input associated with the label */
   for: string;
-  /** specify the scale of the input, defaults to m */
+  /** specify the scale of the label, defaults to m */
   scale: Scale;
   /** is the wrapped element positioned inline with the label slotted text */
   layout: "inline" | "inline-space-between" | "default";
@@ -20,8 +22,9 @@ export declare class CalciteLabel {
   /**
    * @internal
    */
-  calciteLabelFocus: EventEmitter<FocusRequest>;
-  onClick(event: MouseEvent): void;
-  private handleCalciteHtmlForClicks;
+  calciteInternalLabelClick: EventEmitter<{
+    sourceEvent: MouseEvent;
+  }>;
+  labelClickHandler: (event: MouseEvent) => void;
   render(): VNode;
 }

package/dist/types/components/calcite-label/resources.d.ts

@@ -0,0 +1,3 @@
+export declare const CSS: {
+  container: string;
+};

package/dist/types/components/calcite-link/calcite-link.d.ts

@@ -3,13 +3,14 @@ import { FlipContext } from "../interfaces";
 /** Any attributes placed on <calcite-link> component will propagate to the rendered child */
 /** Passing a 'href' will render an anchor link, instead of a span. Role will be set to link, or link, depending on this. */
 /** It is the consumers responsibility to add aria information, rel, target, for links, and any link attributes for form submission */
-/** @slot - default text slot for link text */
+/** @slot - A slot for adding text. */
 export declare class CalciteLink {
   el: HTMLCalciteLinkElement;
   /** is the link disabled  */
   disabled: boolean;
   /** optionally pass a href - used to determine if the component should render as a link or an anchor */
   href?: string;
+  hrefHandler(href: string): void;
   /** optionally pass an icon to display at the end of a button - accepts calcite ui icon names  */
   iconEnd?: string;
   /** flip the icon(s) in rtl */
@@ -27,6 +28,6 @@ export declare class CalciteLink {
   /** the rendered child element */
   private childEl;
   /** the node type of the rendered child element */
-  private childElType;
+  childElType: "a" | "span";
   private storeTagRef;
 }

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

@@ -9,5 +9,8 @@ export declare class CalciteList {
    * Number at which section headings should start for this component.
    */
   headingLevel: HeadingLevel;
+  el: HTMLCalciteListElement;
+  /** Sets focus on the component. */
+  setFocus(): Promise<void>;
   render(): VNode;
 }

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

@@ -1,10 +1,10 @@
 import { VNode } from "../../stencil-public-runtime";
 /**
+ * @slot - A slot for adding `calcite-list-item` and `calcite-list-item-group` elements.
  * @slot actions-start - A slot for adding actionable `calcite-action` elements before the content of the list item.
  * @slot content-start - A slot for adding non-actionable elements before the label and description of the list item.
  * @slot content-end - A slot for adding non-actionable elements after the label and description of the list item.
  * @slot actions-end - A slot for adding actionable `calcite-action` elements after the content of the list item.
- * @slot - A slot for adding `calcite-list-item` and `calcite-list-item-group` elements.
  */
 export declare class CalciteListItem {
   /**
@@ -24,6 +24,9 @@ export declare class CalciteListItem {
    */
   label: string;
   el: HTMLCalciteListItemElement;
+  focusEl: HTMLButtonElement;
+  /** Sets focus on the component. */
+  setFocus(): Promise<void>;
   renderActionsStart(): VNode;
   renderActionsEnd(): VNode;
   renderContentStart(): VNode;

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

@@ -55,9 +55,9 @@ export declare class CalciteModal {
   titleId: string;
   private activeTransitionProp;
   handleEscape(e: KeyboardEvent): void;
-  /** Fired when the modal begins the open animation */
+  /** Fired when the modal finishes the open animation */
   calciteModalOpen: EventEmitter;
-  /** Fired when the modal begins the close animation */
+  /** Fired when the modal finishes the close animation */
   calciteModalClose: EventEmitter;
   /**
    * Focus first interactive element

package/dist/types/components/calcite-option-group/calcite-option-group.d.ts

@@ -1,4 +1,7 @@
 import { VNode } from "../../stencil-public-runtime";
+/**
+ * @slot - A slot for adding `calcite-option`s.
+ */
 export declare class CalciteOptionGroup {
   /**
    * When true, it prevents selection from any of its associated options.

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

@@ -2,13 +2,14 @@ import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { Scale } from "../interfaces";
 import { HeadingLevel } from "../functional/CalciteHeading";
 /**
- * @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.
+ * @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 CalcitePanel {
   /**

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

@@ -2,6 +2,9 @@ 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/CalciteHeading";
+/**
+ * @slot - A slot for adding custom content.
+ */
 export declare class CalcitePopover {
   /**
    * Display a close button within the Popover.

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

@@ -1,6 +1,7 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { Scale } from "../interfaces";
-export declare class CalciteRadioButton {
+import { LabelableComponent } from "../../utils/label";
+export declare class CalciteRadioButton implements LabelableComponent {
   el: HTMLCalciteRadioButtonElement;
   /** The checked state of the radio button. */
   checked: boolean;
@@ -39,17 +40,27 @@ export declare class CalciteRadioButton {
   scale: Scale;
   /** The value of the radio button. */
   value: any;
+  labelEl: HTMLCalciteLabelElement;
   private initialChecked;
   private inputEl;
   private rootNode;
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
+  selectItem: (items: HTMLCalciteRadioButtonElement[], selectedIndex: number) => void;
+  toggle: () => void;
+  private clickHandler;
+  onLabelClick(event: CustomEvent): void;
   private checkLastRadioButton;
   /** @internal */
   emitCheckedChange(): Promise<void>;
   private setInputEl;
   private uncheckAllRadioButtonsInGroup;
   private uncheckOtherRadioButtonsInGroup;
+  /**
+   * Fires when the radio button is blurred.
+   * @internal
+   */
+  calciteInternalRadioButtonBlur: EventEmitter;
   /**
    * 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
@@ -62,13 +73,12 @@ export declare class CalciteRadioButton {
    * Use calciteRadioButtonChange or calciteRadioButtonGroupChange for responding to changes in the checked value for forms.
    * @internal
    */
-  calciteRadioButtonCheckedChange: EventEmitter;
+  calciteInternalRadioButtonCheckedChange: EventEmitter;
   /**
-   * Fires when the radio button is either focused or blurred.
+   * Fires when the radio button is focused.
    * @internal
    */
-  calciteRadioButtonFocusedChange: EventEmitter;
-  check(event: MouseEvent | FocusEvent): void;
+  calciteInternalRadioButtonFocus: EventEmitter;
   mouseenter(): void;
   mouseleave(): void;
   private formResetHandler;

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

@@ -1,5 +1,8 @@
 import { VNode, EventEmitter } from "../../stencil-public-runtime";
 import { Layout, Scale } from "../interfaces";
+/**
+ * @slot - A slot for adding `calcite-radio-button`s.
+ */
 export declare class CalciteRadioButtonGroup {
   el: HTMLCalciteRadioButtonGroupElement;
   /** The disabled state of the radio button group. */

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

@@ -1,7 +1,11 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { Layout, Scale, Width } from "../interfaces";
+import { LabelableComponent } from "../../utils/label";
 import { RadioAppearance } from "./interfaces";
-export declare class CalciteRadioGroup {
+/**
+ * @slot - A slot for adding `calcite-radio-group-item`s.
+ */
+export declare class CalciteRadioGroup implements LabelableComponent {
   el: HTMLCalciteRadioGroupElement;
   /** specify the appearance style of the radio group, defaults to solid. */
   appearance: RadioAppearance;
@@ -24,18 +28,20 @@ export declare class CalciteRadioGroup {
   /** specify the width of the group, defaults to auto */
   width: Extract<"auto" | "full", Width>;
   connectedCallback(): void;
+  disconnectedCallback(): void;
   componentDidLoad(): void;
   render(): VNode;
-  handleLabelFocus(e: Record<string, any>): void;
-  protected handleClick(event: MouseEvent): void;
+  protected handleClick: (event: MouseEvent) => void;
   protected handleSelected(event: Event): void;
   protected handleKeyDown(event: KeyboardEvent): void;
   /** Fired when the selected option changes, event detail is the new value */
   calciteRadioGroupChange: EventEmitter<string>;
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
+  labelEl: HTMLCalciteLabelElement;
   private hiddenInput;
   private hasLoaded;
+  onLabelClick(): void;
   private getItems;
   private selectItem;
   private syncWithInputProxy;

package/dist/types/components/calcite-rating/calcite-rating.d.ts

@@ -1,6 +1,7 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { Scale } from "../interfaces";
-export declare class CalciteRating {
+import { LabelableComponent } from "../../utils/label";
+export declare class CalciteRating implements LabelableComponent {
   el: HTMLCalciteRatingElement;
   /** specify the scale of the component, defaults to m */
   scale: Scale;
@@ -24,19 +25,22 @@ export declare class CalciteRating {
    * @default "Stars: ${num}"
    */
   intlStars?: string;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
   /**
    * Fires when the rating value has changed.
    */
   calciteRatingChange: EventEmitter<{
     value: number;
   }>;
-  handleLabelFocus(e: CustomEvent): void;
   blurHandler(): void;
   renderStars(): VNode[];
   render(): any;
+  onLabelClick(): void;
   private updateValue;
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
+  labelEl: HTMLCalciteLabelElement;
   hoverValue: number;
   focusValue: number;
   hasFocus: boolean;

package/dist/types/components/calcite-scrim/calcite-scrim.d.ts

@@ -1,4 +1,7 @@
 import { VNode } from "../../stencil-public-runtime";
+/**
+ * @slot - A slot for adding custom content, primarily loading information.
+ */
 export declare class CalciteScrim {
   /** string to override English loading text
    * @default "Loading"

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

@@ -1,8 +1,11 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { Direction } from "../../utils/dom";
 import { Scale, Width } from "../interfaces";
-import { FocusRequest } from "../calcite-label/interfaces";
-export declare class CalciteSelect {
+import { LabelableComponent } from "../../utils/label";
+/**
+ * @slot - A slot for adding `calcite-option`s.
+ */
+export declare class CalciteSelect implements LabelableComponent {
   /**
    * When true, it prevents the option from being selected.
    */
@@ -26,7 +29,8 @@ export declare class CalciteSelect {
    * The component width.
    */
   width: Width;
-  private el;
+  labelEl: HTMLCalciteLabelElement;
+  el: HTMLCalciteSelectElement;
   private componentToNativeEl;
   private mutationObserver;
   private selectEl;
@@ -40,7 +44,7 @@ export declare class CalciteSelect {
   calciteSelectChange: EventEmitter<void>;
   private handleInternalSelectChange;
   protected handleOptionOrGroupChange(event: CustomEvent): void;
-  handleLabelFocus(event: CustomEvent<FocusRequest>): void;
+  onLabelClick(): void;
   private updateNativeElement;
   private populateInternalSelect;
   private clearInternalSelect;

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

@@ -1,11 +1,11 @@
 import { VNode } from "../../stencil-public-runtime";
 /**
+ * @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 bottom-panel - A slot for adding a bottom floating panel such as a chart or `calcite-tip-manager`.
- * @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 center-row - A slot for adding custom content in the center row.
  */
 export declare class CalciteShell {
   /**

package/dist/types/components/calcite-shell-center-row/calcite-shell-center-row.d.ts

@@ -1,8 +1,8 @@
 import { VNode } from "../../stencil-public-runtime";
 import { Position, Scale } from "../interfaces";
 /**
- * @slot action-bar - A slot for adding a `calcite-action-bar` to the panel.
  * @slot - A slot for adding content to the shell panel.
+ * @slot action-bar - A slot for adding a `calcite-action-bar` to the panel.
  */
 export declare class CalciteShellCenterRow {
   /**

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

@@ -1,8 +1,8 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { Position, Scale } from "../interfaces";
 /**
- * @slot action-bar - A slot for adding a `calcite-action-bar` to the panel.
  * @slot - A slot for adding content to the shell panel.
+ * @slot action-bar - A slot for adding a `calcite-action-bar` to the panel.
  */
 export declare class CalciteShellPanel {
   /**

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

@@ -1,6 +1,7 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { ColorStop, DataSeries } from "../calcite-graph/interfaces";
-export declare class CalciteSlider {
+import { LabelableComponent } from "../../utils/label";
+export declare class CalciteSlider implements LabelableComponent {
   el: HTMLCalciteSliderElement;
   /** Disable and gray out the slider */
   disabled: boolean;
@@ -47,12 +48,13 @@ export declare class CalciteSlider {
   ticks?: number;
   /** Currently selected number (if single select) */
   value: null | number;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
   componentWillLoad(): void;
   componentDidRender(): void;
   render(): VNode;
   private renderGraph;
   private renderTickLabel;
-  handleLabelFocus(e: CustomEvent): void;
   keyDownHandler(event: KeyboardEvent): void;
   clickHandler(): void;
   pointerDownHandler(event: PointerEvent): void;
@@ -63,35 +65,59 @@ export declare class CalciteSlider {
    * expensive operations consider using a debounce or throttle to avoid
    * locking up the main thread.
    */
+  calciteSliderInput: EventEmitter;
+  /**
+   * 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;
   /**
    * Fires on all updates to the slider.
    * :warning: Will be fired frequently during drag. If you are performing any
    * expensive operations consider using a debounce or throttle to avoid
    * locking up the main thread.
-   * @deprecated use calciteSliderChange instead
+   * @deprecated use calciteSliderInput instead
    */
   calciteSliderUpdate: EventEmitter;
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
+  labelEl: HTMLCalciteLabelElement;
   private guid;
   private isRange;
   private dragProp;
   private lastDragProp;
+  private lastDragPropValue;
   private minHandle;
   private maxHandle;
+  private trackEl;
   private activeProp;
   private minMaxValueRange;
   private minValueDragRange;
   private maxValueDragRange;
   private tickValues;
+  onLabelClick(): void;
   private shouldMirror;
+  private shouldUseMinValue;
   private generateTickValues;
   private dragStart;
   private focusActiveHandle;
   private dragUpdate;
+  private emitInput;
   private emitChange;
   private dragEnd;
+  /**
+   * Set the prop value if changed at the component level
+   * @param valueProp
+   * @param value
+   */
+  private setValue;
+  /**
+   * Set the reference of the track Element
+   * @internal
+   * @param node
+   */
+  private storeTrackRef;
   /**
    * If number is outside range, constrain to min or max
    * @internal

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

@@ -1,7 +1,8 @@
 import Sortable from "sortablejs";
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
+import { Layout } from "../interfaces";
 /**
- * @slot - A slot for adding sortable items
+ * @slot - A slot for adding sortable items.
  */
 export declare class CalciteSortableList {
   /**
@@ -18,6 +19,10 @@ export declare class CalciteSortableList {
    * The selector for the handle elements.
    */
   handleSelector: string;
+  /**
+   * Indicates the horizontal or vertical orientation of the component.
+   */
+  layout: Layout;
   /**
    * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.
    */

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

@@ -1,3 +1,6 @@
 export declare const CSS: {
   sortItem: string;
+  container: string;
+  containerHorizontal: string;
+  containerVertical: string;
 };

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

@@ -1,6 +1,9 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { ButtonAppearance, ButtonColor, DropdownIconType } from "../calcite-button/interfaces";
 import { FlipContext, Scale, Width } from "../interfaces";
+/**
+ * @slot - A slot for adding `calcite-dropdown` content.
+ */
 export declare class CalciteSplitButton {
   el: HTMLCalciteSplitButtonElement;
   /** specify the appearance style of the button, defaults to solid. */

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

@@ -1,5 +1,8 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { Layout, Scale } from "../interfaces";
+/**
+ * @slot - A slot for adding `calcite-stepper-item`s.
+ */
 export declare class CalciteStepper {
   el: HTMLCalciteStepperElement;
   /** optionally display a status icon next to the step title */

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

@@ -1,5 +1,8 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { Scale } from "../interfaces";
+/**
+ * @slot - A slot for adding custom content.
+ */
 export declare class CalciteStepperItem {
   el: HTMLCalciteStepperItemElement;
   /** is the step active */

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

@@ -1,34 +1,45 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { Scale } from "../interfaces";
-export declare class CalciteSwitch {
+import { LabelableComponent } from "../../utils/label";
+export declare class CalciteSwitch implements LabelableComponent {
   el: HTMLCalciteSwitchElement;
   /** True if the switch is disabled */
   disabled: boolean;
   disabledWatcher(newDisabled: boolean): void;
+  /** Applies to the aria-label attribute on the switch */
+  label?: string;
   /** The name of the switch input */
   name?: string;
   nameChanged(newName: string): void;
   /** 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;
-  switchedWatcher(newSwitched: boolean): void;
+  switchedWatcher(switched: boolean): void;
+  /** True if the switch is initially on */
+  checked: boolean;
+  checkedWatcher(checked: boolean): void;
   /** The value of the switch input */
   value?: any;
+  labelEl: HTMLCalciteLabelElement;
   private inputEl;
   guid: string;
   tabindex: number;
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
+  onLabelClick(): void;
   private setupInput;
   private toggle;
+  private clickHandler;
   /**
-   * Fires when the switched value has changed.
+   * Fires when the checked value has changed.
    */
   calciteSwitchChange: EventEmitter;
-  handleLabelFocus(e: CustomEvent): void;
-  onClick(e: MouseEvent): void;
   keyDownHandler(e: KeyboardEvent): void;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
   componentWillLoad(): void;
   render(): VNode;
 }

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

@@ -1,6 +1,9 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { TabChangeEventDetail } from "./interfaces";
 import { Scale } from "../interfaces";
+/**
+ * @slot - A slot for adding custom content.
+ */
 export declare class CalciteTab {
   el: HTMLCalciteTabElement;
   /**

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

@@ -3,6 +3,9 @@ import { TabChangeEventDetail } from "../calcite-tab/interfaces";
 import { TabID, TabLayout } from "../calcite-tabs/interfaces";
 import { TabPosition } from "../calcite-tabs/interfaces";
 import { Scale } from "../interfaces";
+/**
+ * @slot - A slot for adding `calcite-tab-title`s.
+ */
 export declare class CalciteTabNav {
   el: HTMLCalciteTabNavElement;
   /**

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

@@ -2,6 +2,9 @@ import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { TabChangeEventDetail } from "../calcite-tab/interfaces";
 import { TabID, TabLayout, TabPosition } from "../calcite-tabs/interfaces";
 import { FlipContext, Scale } from "../interfaces";
+/**
+ * @slot - A slot for adding text.
+ */
 export declare class CalciteTabTitle {
   el: HTMLCalciteTabTitleElement;
   /** Show this tab title as selected */

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

@@ -2,7 +2,8 @@ import { VNode } from "../../stencil-public-runtime";
 import { TabLayout, TabPosition } from "./interfaces";
 import { Scale } from "../interfaces";
 /**
- * @slot tab-nav - a slot for adding a tab navigation component
+ * @slot - A slot for adding `calcite-tab`s.
+ * @slot tab-nav - A slot for adding a tab navigation component.
  */
 export declare class CalciteTabs {
   el: HTMLCalciteTabsElement;